Changing primary menu font style

[nitin942]

Hi,

I have been trying to change the font settings for the primary menu.

I pasted the following code in custom CSS section:

#primary-menu ul .menu li a {
font-size: 15px;
font-weight: 500;
}

but it is not working. Kindly help!

Website: http://www.shapecrunch.com

[Veena]

Pls use the below custom CSS-

#primary-menu > ul.menu > li > a {
    font-weight: 500;
    font-size: 15px;
}

[nitin942]

I entered the above code but it got changed to following code automatically:

#primary-menu > ul.menu > li > a {
font-weight: 500;
font-size: 14px;
}

and it is still not working.

[Veena]

Have added the below custom CSS in themeoptions –

#primary-menu li a {
    font-weight: 500 !important;
    font-size: 15px !important;
}

The custom css that having greater than(>) symbol is causing this issue, after saving the changes the > symbol is getting converted into
&gt
and thus becomes an invalid CSS.
Can you pls upload the childtheme and move all the custom CSS there.

(Now there is no such issue since added modified CSS but later on if you use custom CSS with > then it will be an issue.)

[YACIUK]

This post was a huge help! Thank you!

[Author]

Posts