Image hover effect

Premium Theme Support Pro Theme Design Opti Image hover effect

• 

  emilskeptic · Member · June 3, 2017 at 12:46 pm

  • Copy link
  • Add topic to favorites

  On the front page (both featured post and recent posts) and the post page, there is an image hover effect that I think looks very nice. It looks like a thin grey border and shadow.

  Is there a way to get this to be default and always show up on images in those places instead of just when you hover?

  I have custom CSS access.

  The blog I need help with is: (visible only to logged in users)

• 

  binarymoon · Theme Author · June 4, 2017 at 9:11 pm

  • Copy link

  Hi there

  You can do this with the following css:

  .entry img, .lead-image img, #recent-posts img, #featured-cats img {
      box-shadow: 0 0 4px rgba(0,0,0,0.75);
  }

• 

  emilskeptic · Member · June 5, 2017 at 7:25 pm

  • Copy link

  This worked for the front page, but for the post page I had to use:

  .wp-post-image {
  	box-shadow: 0 0 4px rgba(0,0,0,0.75);
  }

  as well.

  This issue is now resolved for me.

• 

  emilskeptic · Member · June 5, 2017 at 7:27 pm

  • Copy link

  (excluding the line breaks that accidentally got pasted into the above post)

• 

  binarymoon · Theme Author · June 5, 2017 at 7:54 pm

  • Copy link

  ah ha – I didn’t test the blog post pages. Thanks for posting the solution to that and glad it’s resolved.

• The topic ‘Image hover effect’ is closed to new replies.