[jolinekoolParticipant]

Hi,

i would like to know the CSS code to underline the submenu items when hover. I can only find the removal code 🙂
And could you tell me the code to change the color of only 1 main menu item? I would like to change ‘INSCHRIJVEN’ to red, instead of the default used color.

http://www.testumaar.nl

thanks!

[ThaiModerator]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.desktop .sub-menu li>a:hover {
    text-decoration: underline;
}

li#menu-item-198 a {
    color: #f00;
}

Hope it helps 🙂

[jolinekoolParticipant]

yes it did perfectly, thank you so much. Sorry about the late reply, there is no messaging about a response.

another question: can I also make the sub menu in capitals?

tnx!

[JoaoModerator]

Hi There,

Please add the following code :

.desktop .sub-menu li>a {
    text-transform: capitalize:
}

Hope it helps

Joao

[jolinekoolParticipant]

hm, doesn’t change anything really…

[FriechModerator]

Hi There,

You mean all letters on uppercase? Please update the given CSS to this:

.desktop .sub-menu li > a {
    text-transform: uppercase;
}

Another thing, the last media query css you have on customizer is missing a closer bracket.

@media (max-width: 979px) {
.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
position: fixed;
}

Make sure you add the missing bracket.

Thanks,

[jolinekoolParticipant]

Great! Worked perfect, tnx! Also abou the missing bracket!

[JadeModerator]

You’re most welcome.

[Author]

Posts