Docs

[jensmith3]

Hello,

My site is on the temporary url http://103.37.8.129/~thekidsa/

I wondered if it was possible to add some transparency to the background of the drop down menu so that I can glimpse the image behind?

Also, could you please confirm the css to change the following:

background colour of drop down menu
hover colour of drop down menu
text colour of drop down menu items

Many thanks and kind regards,

Jenny

[jensmith3]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in! To add the transparency in drop down menu, just add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.desktop .sub-menu {
    background-color: rgba(255,255,255,0.3) !important;
}

Currently the background is white. To change the hover color, you can use the following CSS:

.x-navbar .desktop .sub-menu a:hover {
    color: blue !important;
}

And to change the text color, use this code:

.x-navbar .desktop .sub-menu a {
    color: orange !important;
}

Cheers!

[jensmith3]

Fantastic as always,
Thanks so much.
Jenny

[Nico]

Happy to hear that.

Feel free to ask us again.

Have a great day! 🙂

[Author]

Posts