Main Menu font size

Hello,

How do I increase the font size of the items in the main menu bar on the top-right?

Thanks.

Hi,

Try to add the following code into the theme’s css/override.css file (make sure to enable the “Use the override.css file” option in Template options > Advanced in the WordPress backend) or use any custom css plugin:

Code: Select all

#gk-main-menu #main-menu > li {
   font-size: 14px;
}


This works, thank you.

Would it be possible to change the background color of a single menu item to highlight it? Something like 'Apply Online Now'. I would like to highlight that in the menu. Can I use any of the css classes?

Pls advice. Thank you for your support.

If it's the last menu item, you can use the following custom css code:

Code: Select all

#gk-main-menu #main-menu > li:last-child {
    background: #000;
    padding-right: 10px;
}


There is a css class you have used for the 'LOG IN' button in the demo. Can I use that for the last item on the menu? Also, I'd like that css class (showing the red border) around the last menu item to be displayed not only on home page but throughout the site. Pls advice.

Thank you.

Please add the following code instead of the previous one:

Code: Select all

#gk-main-menu #main-menu > li:last-child {
    border: 1px solid rgba(250, 114, 82, 0.5);
    padding-right: 10px;
}
#gk-main-menu #main-menu > li:last-child:hover {
border-color: #fa7252;
}


Great. Thank you for your support.