Joomla Templates Club 406,261 posts

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#195651

Can I make my menu items (Colocation, Cloud, etc..) a smaller font and a brighter font (white perhaps)?
Can someone tell me where I can do that – which CSS?
Thank you, S.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#526130

So that I can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#526135

http://dev.dnsnetworks.ca/

What does setting “Optimizing CSS” to No do exactly?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#526142

<em>@sebbs 415643 wrote:</em><blockquote>http://dev.dnsnetworks.ca/

What does setting “Optimizing CSS” to No do exactly?</blockquote>

Turning “Optimize CSS” to “No” allows for viewing of the correct CSS info via an online web development tool – such as Firebug (see link in my signature below).

1 user says Thank You to TomC for this useful post

1. sebbs

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#526361

<em>@sebbs 415635 wrote:</em><blockquote>Can I make my menu items (Colocation, Cloud, etc..) a smaller font and a brighter font (white perhaps)?
Can someone tell me where I can do that – which CSS?
Thank you, S.</blockquote>

You can change font’s size and color in the templates/ja_minisite/css/menu/mega.css file. Change value in red as you wish:

.ja-megamenu ul.level0 li.mega { border-right: solid 1px #0a0a0a; font-size: 92%; }

.ja-megamenu ul.level0 li.mega a.mega {
color: #666;
font-weight: normal;
line-height: 20px;
padding: 17px 17px 13px;
text-transform: uppercase;
}

[Author]

Posts