Essence Pro Theme gradient issue

[hhelmbold]

Referring to the thread https://studiopress.community/topic/essence-pro-featured-image-not-appearing-as-post-header/

I have the same question. The thread was answered with "start a new thread" and use the .front-page class - but I cannot seem to find where this new thread was started or how to use the .front-page class?

Is there not a way to lighten the gradient on all pages without having to specify the image url in the Additional CSS? I would like to have a different header image for each page.

[Brad Dalton]

1. I think you can use a different header image for each page simply by adding a different featured image for each page.

Try that otherwise you may need a coded solution.

2. This free tutorial will show you where the CSS is for the gradient which you can then modify.

---

Tutorials for StudioPress Themes.

[hhelmbold]

Thank you - Adding a different featured image is indeed the correct way, but if you use the Additional CSS option to remove or lighten the gradient then you have to specify a image URL

By specifying the url it overrides the featured image - that is why I was curious if there was a way to specify the gradient paramaters without the "url" tag.

But the tutorials will put me on a temporary solution in the mean time. Thank you

[Brad Dalton]

I would modify the CSS in the PHP code and not use the Additional CSS feature.

---

Tutorials for StudioPress Themes.

[hhelmbold]

That's what I am planning - just scared that with theme updates it gets overwritten... And I need to hack my way to find it in the PHP LOL!

Thanks

[Shantamo]

I started working on changing the gradient today. In case you did not hack yet, I found the CSS in line 212 of the header-functions php file. Path looks like this: .../wp-content/themes/essence-pro/lib

Brad Dalton's tutorial would remove the gradient completely. I want to make it lighter. What is best to change: the percentage or the rgba values - or both?
{ background-image: linear-gradient(0deg, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.85) 100%)
Guess it's time for some experimenting.

Whether future updates would overwrite this I do not know.

Thanks to you both.

[Brad Dalton]

Try this generator https://cssgradient.io/

Any changes you make to your child theme will only be lost if you update your child theme when a new version is released. Updating child themes is not compulsory.

---

Tutorials for StudioPress Themes.

[Shantamo]

Thanks Brad, that's a good gradient generator.

I'll make a note of the changed code, so I can employ it again when the child theme is updated.

[Author]

Posts