Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Change size and colors of the main Menu items

Featured Lock Resolved Issue
I would like to change size and colors of the main menu items.
I went to modify the custom.css file here: /templates/shaper_organic_life/css
It doesn't work.
How can I do?

Is correct?

/* Font Size */
#sp-main-menu ul.level-0 > li > a {
font-size: 24px;
font-weight: 500;
}

8 Answers

Hi,
Please share your site URL.It would be better for us to solve this problem
-Best Regards
Mehtaz
Hi,
Please share your site URL.It would be better for us to solve this problem
-Best Regards
Mehtaz


You have a MP
Hi,
Please share your site URL.It would be better for us to solve this problem
-Best Regards
Mehtaz


You have a MP


hi try this custom css

http://prntscr.com/pz2lpo


#sp-main-menu ul.level-0 > li.active >a {
color: #1e8396 !important;
font-size:14px !important;
}

#sp-main-menu ul.level-0 > li >a {
color: #1e8396 !important;
font-size:14px !important;

}

-Regards
Mehtaz
Where do I find the box of your image?
I tried to insert the script in the custom.css file inside the folder /templates/shaper_organic_life/css but it doesn't work, the menu items are always too small.
I would also like to increase the size of all fonts, not just the menus.
Hi,
Please see the screen cast.You can place your custom css in 2 places.I have shown these two portion in my screen cast.You can insert your css any one of them.If you insert my css in these custom css it should work.I already check it.Please see this screen cast
https://files.fm/u/7e4kksfq#/view/custom-css.wmv;play
-Thanks
Your video refers to helix ultimate, the template in question is organic life using helix 2.

However for the main menu I solved by modifying the custom.css file in the template css folder.
It remains to understand how to increase the other fonts: submenus, articles and modules.
your video refers to helix ultimate, the template in question is organic life using helix 2


Hi,
See this video.Maybe it will help you.
https://www.youtube.com/watch?v=AleRAYl6Aco
But one suggestion is use update version like helix ultimate.It will help you more to customize everything as you want.
Thanks
Your video refers to helix ultimate, the template in question is organic life using helix 2.

However for the main menu I solved by modifying the custom.css file in the template css folder.
It remains to understand how to increase the other fonts: submenus, articles and modules.


Hi,
Use this custom css

#sp-main-menu div.sp-menu-group a.sp-menu-group .menu-title {
text-transform: uppercase;
font-size: 15px;
}

Please inspect and then custom your template as you want
Thank you


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 107
Toufiq

Toufiq

Total Accepted Answers: 61
Sifat

Sifat

Total Accepted Answers: 45
Ofi Khan

Ofi Khan

Total Accepted Answers: 18
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 18

118

Templates

306022

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us