badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

How to remove text from homepage images on hover?

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #52052
    jacobksummers
    Participant

    Hi. I would like to remove the effect where when you hover over the post it shows a white overlay with the title of the post and and except from the post. I would just like the opacity of the image to be decreased to 0.7 or so on hover, without any text over it at all. How would I do this?

    Thank you.

    #52053
    jacobksummers
    Participant

    Nevermind, I think I got it. If there is a better way than this, please let me know. I just went in to the “Additional CSS” section in the Customize menu and added this:

    .post-main .has-post-thumbnail .entry-wrap:hover .entry-main{
    	opacity:0;
    }
    
    .post-main .post .entry-wrap:hover {
    	opacity:0.6
    }

    Hopefully this will work OK even if the theme updates.

    #52054

    Yes adding custom css code is a better way.

    Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.