[Resolved] Peak Site Library Theme – Change Gradient Overlay

[Marko]

Hello,

I’ve just started using GeneratePress and have imported the “Peak” demo.

The gradient for featured images is too dark and whilst I’ve been able to fix it up on Chrome Inspect by changing the linear-gradient from:

background-image: linear-gradient(0deg, rgba(22,22,22,0.95),rgba(22,22,22,0.95)), url(removed);

to:

background-image: linear-gradient(0deg, rgba(22,22,22,-1),rgba(22,22,22,-1)), url(removed);

Then I tried to add css to my theme like so, but it doesn’t work:

.page-hero {
background-image: linear-gradient(0deg, rgba(22,22,22,-1),rgba(22,22,22,-1);
}

What am I missing? Thank you.

[Leo]

Hi there,

Have you tried modifying the color in the background overlay color of that header element?
https://docs.generatepress.com/article/header-element-overview/#background-overlay

Let me know if this helps 🙂

[Marko]

And there we have it! Thank you so much, from a noob 🙂

[Leo]

No problem 🙂

[Author]

Posts