How can I add a white drop shadow around the text in the header navigation area?

erwin · March 5, 2020, 2:11pm

Hi,

I’ve been trying to find out how I can add a drop shadow around the text in the header menu area here. I need to somehow make the primary menu to stand out even if there are images in the background. Can someone please help?

This is the website that I am working on:
https://denisse.wiseowlsandbox.com/

Thank you very much in advance.

Erwin

avanti · March 5, 2020, 8:25pm

You can use custom CSS: https://www.w3schools.com/cssref/css3_pr_text-shadow.asp

erwin · March 5, 2020, 11:19pm

Thank you, avanti.

Somehow, it still doesn’t work. I just need the text shadow to be on the navigation text.

avanti · March 5, 2020, 11:35pm

Which navigation text? The menu items text like “HOME”, “ABOUT”…?
But you already added the custom CSS, maybe you just need to adjust the values, see:

erwin · March 6, 2020, 12:56am

Thank you, friend. It was a caching plugin that hid that away somehow. Thanks for pointing it out. It is now resolved. Thank you very much for your help.