[Resolved] How to add shadow to the text in hero banners?

[Daniel]

I saw this topic: https://generatepress.com/forums/topic/text-shadow-elements-header/ but it really didn’t work for me (except for my home page). I have different hero banners on most of my pages but the shadow text just doesn’t appear there despite adding this code in the additional CSS.

[Leo]

Hi Daniel,

Try this CSS:

.page-hero h1 {
    text-shadow: 10px 5px 1px rgba(20,20,20,.4);
}

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

Make sure to clear your caching plugin.

Let me know if this helps 🙂

[Daniel]

Thanks, that helped

[Leo]

No problem 🙂

[Author]

Posts