How do you set opacity/transparency of featured images?

  • Author
    Posts
  • #51430

    I have enabled featured images on my site. When I hover, the image is replaced by just a solid color (in this case, orange – my site’s color motif). Anybody know? TIA for your help!

    #51893
    Zed
    Cryout Creations mastermind

    As you can also see on the theme demo page, the featured images have a hover effect which applies a semi-transparent overlay in the theme’s accent color.

    The opacity of the overlay is not directly configurable, but can be adjusted with CSS:
    body #container article.hentry .post-thumbnail-container:hover a::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.
    #51898

    Thank you!!! My featured images were not semi-transparent on hover, but were completely opaque. Now fixed. Thanks again!

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

The topic ‘How do you set opacity/transparency of featured images?’ is closed to new replies.