Post Page Opacity

  • Author
  • #106522

    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?


    Cryout Creations mastermind

    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
    Please check the available documentation and search the forums before starting a topic.

    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.

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Post Page Opacity’ is closed to new replies.