[davidfb]

Hi Zed
I’ve migrated from Mantra to Esotera with Arcanum. Really like the gradient, though I had to fiddle with Accent colours to find ones that work for both links and overlays. (it would be nice to set Link colours distinctly)

My question – I’ve got the opacity for the gradient set for the banner but there isn’t an opacity setting for the Blog page roll-over effect. The opacity is so high it almost hides the post image. Is there a way to adjust this opacity with custom CSS?
Thanks!

Website: davidya.ca/blog

[Zed]

The opacity of the featured images gradient overlay is not directly configurable. To customize it you can use the following custom CSS:

body .post-thumbnail-container:hover .featured-image-overlay::after {
    opacity: 0.5;
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[davidfb]

Perfect, Zed – Thanks. For my site, I found a .25 opacity was what I liked. A distinct roll-over effect that brightened the image but didn’t overshadow the feature image itself. It still unifies.

[Author]

Posts