[Resolved] CSS for dark shadow on menu items in the Header

[Shane Edge Pienaar]

Good Day

I need to add a shadow on the Menu Items within the header for http://www.southafricanadventures.com . Here is the css code – .saashadowfont {text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

Im not sure how to put this code within GP theme.

Please can you assist

kind Regards
Shane

[Leo]

Hi Shane,

Try this CSS:

.main-navigation .main-nav ul li a {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

[Shane Edge Pienaar]

Thank you very much for the response. But im not sure where to put the code within GP to change the text within the Header? I am using beaver Builder light.

[Leo]

To add the code above? This should help: https://docs.generatepress.com/article/adding-css/

If you are talking about the menu items: https://docs.generatepress.com/article/using-the-wordpress-menu-builder/

Let me know.

[Shane Edge Pienaar]

Issue resolved. Thank you very much. it worked perfectly. Much appreciated

[Leo]

You’re welcome 🙂

[Author]

Posts