Archived topic
CSS for dark shadow on menu items in the Header
5 replies · Started by Shane Edge Pienaar on May 12, 2017
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
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.
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.
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.
Issue resolved. Thank you very much. it worked perfectly. Much appreciated
You're welcome :)