Joomla Templates Club 406,261 posts

[christool Friend christoolJoin date: August 2008Posts: 39Downloads:0Uploads:10 Thanks: 10]

#139160

Hello guys,
Great template !
I’d like to decrease the size of the font of the main menu. Where can i do that ? In the CSS ? Which one and which line ?

Best regards
Chris

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#296157

templates/ja_opal/ja_menus/ja_moomenu/ja.moomenu.css

for main items (line 80)

#ja-cssmenu li a {
color:#888888;
font-size:110%;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}

for submenu items (line 135)

#ja-cssmenu li ul a {
color:#CCCCCC !important;
font-size:100%;
font-weight:normal;
text-transform:none;
white-space:nowrap;
}

[christool Friend christoolJoin date: August 2008Posts: 39Downloads:0Uploads:10 Thanks: 10]

#296392

Thank you very much !

What about titles on the page (ex titles of blocks), where can we decrease the font size ?
😉

Best regards
Chris

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#296399

Use firebug (the firefox plugin) and its inspect tool to find the css for each element you wish to change. All you do is click on inspect then click on the element and it shows the relavent css, which file to change and which line. You can even change it in real time to see the effect.

1 user says Thank You to Phill for this useful post

1. christool

[christool Friend christoolJoin date: August 2008Posts: 39Downloads:0Uploads:10 Thanks: 10]

#296459

Ok thank you i didn’t heard about that plug in, and it is very usefull !
😉

[Author]

Posts