Change Font Size and Make Bold in Menu

Shapely
1

Hi,
I am new to the theme and am trying to change the Primary menu font size and to make the font bold. I am using the following code in the Additional CSS section but it does not appear to change it:

/change men font and size/
li.menu-item a {
font-family: arial;
font-size: 44px;
}

I have searched the forum for a previous answer but cannot find one.

Thanks,
John

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the menu font size and boldness by going to Appearance > Customize > Additional CSS and pasting it there.

/*Menu font edit*/ .main-navigation .menu li a { font-size: 13px; font-weight: bold; }

Best Regards,
Support

3

Thank you, it worked perfectly. I tried to change the color using the same code but adding:

/Menu font edit/
.main-navigation .menu li a {
font-size: 15px;
font-family: arial;
font-weight: bold;
font-color: #ff0000;
}

The color code does not seem to work, what am I missing?

Thanks

4

I figured out to use color: #fffff;

Thank you, you have been most helpful.