[Resolved] shadow text on post header content

[Pia]

Hi!
I am trying to find some css to make the text in page header with shadow. I would like to have white text with shadow or a thin outline so it doesn’t blend with the featured image. Please can you help me? Thank you!

Kind regards Pia

[Leo]

Hi there,

You can try some CSS like this:

.page-header-content-container h1 {
    text-shadow: 1px 5px 4px rgba(0, 0, 0, 1);
}

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

I should also mentioned that Page Header module has been replaced with our newest add-on Header Element/Page Hero so it’s definitely a good idea to migrate them over.

See more info here:
https://docs.generatepress.com/article/header-element-overview/
https://docs.generatepress.com/article/moving-hooks-page-headers-to-elements/

Let me know if this helps 🙂

[Pia]

Thank you! It worked like a charm 🙂
Will take a look att the newest add-on too, thanx for the tip 😀

[Leo]

No problem 🙂

[Author]

Posts