News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

How do I change the Size of the font in the menu for the default theme

Started by mikedijital, December 02, 2012, 06:25:01 PM

Previous topic - Next topic

mikedijital

i would like to know what i need to tweek to make the letters in my main menu just a little bit bigger , maybe even change the style

im using 2.0.2 default theme and dark modern

thanks guys!

kat

Have a look at the index.css file, in the theme's "css" directory.

It's quite well commented-out. So, you should be able to figure-out which part you want.

Keep a copy of the original file, as a backup. Then, you can fiddle around to your heart's content. ;)

mikedijital

i fiddled with everything labeled text size and nothing worked, do you not what it is exactly im looking for?

Shambles

You could try using your browsers development tools to pinpoint exactly where the font size is being set (in a css file, eg)


In my theme, the menu text size is governed by css entry "#navi li a" but yours might be different

floridaflatlander

Get and use Firefoxes firebug, it will highlight margins and padding and tell you if a style is in-line or it will tell you the file location, name and line number of the style. I don't see how people can style without it.
I think chrome does the same thing without a plug-in. I'm just used to firebug and I like it.

Shambles

Is this for your mikedijital.us website?

If so, make the following change to your index.css file:

Code (find) Select

.dropmenu li a.firstlevel span.firstlevel
{
display: block;
position: relative;
left: -5px;
padding-left: 5px;
height: 22px;
line-height: 19px;
}


Code (Replace) Select
.dropmenu li a.firstlevel span.firstlevel
{
display: block;
position: relative;
left: -5px;
padding-left: 5px;
height: 22px;
line-height: 19px;
font-size: 1.3em;
}


Around line 1156. Adjust the new line "font-size: 1.3em;" accordingly.

mikedijital

Thank you so much shambles, I hate asking for code, but sometimes im just lost

you are my hero today, ill report back how it works

mikedijital



Advertisement: