hover tiles transparancy

  • Author
    Posts
  • #161872

    cedricbrunel
    Member

    Hi ,

    I would like around 50% opacity when I hover the tile so we can still see the image. At the moment it’s almost completly black. Thanks for your help.

    Here’s my site:
    http://www.cedricbrunel.com

    The blog I need help with is cedricbrunel.com.

    #161915

    binarymoon
    Theme Author

    Hi there – you can use the following CSS to do this:

    article.post-archive.has-thumbnail:hover .post-image-wrapper, article.post-archive.has-thumbnail.focus .post-image-wrapper {
    opacity: 0.1;
    }

    There’s info on custom css here: https://support.wordpress.com/custom-css

    You can change 0.1 to a value between 0 and 1 to change the amount of transparency. Note that this will obscure the text more the closer you get to 1.

    Thanks – Ben

The topic ‘hover tiles transparancy’ is closed to new replies.