There seems to be an overlay on the header pics for post pages, making the pictures darker. I can't find a way to manipulate it via CSS, nor in the theme settings. I'd like to lighten it. How can I do that? Thank you.
If that doesn't work inspect your element and find the css that controls the header. Change the hex code to #2d2d2d00; and copy the css into the css section of your post page.
Actually, I did find the settings finally in the theme settings: Salient Options/Blog/Styling: Blog Header Overlay Color and Blog Header Overlay Opacity.
There seems to be an overlay on the header pics for post pages, making the pictures darker. I can't find a way to manipulate it via CSS, nor in the theme settings. I'd like to lighten it. How can I do that? Thank you.
Try this in your CSS on the post page.
.single-post #page-header-bg[data-post-hs="default_minimal"] .page-header-bg-image:after {
background-color: #2d2d2d00;
opacity: 0.4;
}
If that doesn't work inspect your element and find the css that controls the header. Change the hex code to #2d2d2d00; and copy the css into the css section of your post page.
Thanks, that did it, with the '!important;' flag added.
Hi there,
Use the following custom css to remove the overlay:
Kind regards.
Actually, I did find the settings finally in the theme settings: Salient Options/Blog/Styling: Blog Header Overlay Color and Blog Header Overlay Opacity.
Hi there,
Glad you try that option and cleared the issue. Feel free to reach back should you run into any issue.
Thanks.