Image hover effect

  • Author
    Posts
  • #111723

    emilskeptic
    Member
    Original poster

    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)

    #111920

    binarymoon
    Theme Author

    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);
    }
    #111952

    emilskeptic
    Member
    Original poster

    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.

    #111953

    emilskeptic
    Member
    Original poster

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

    #111955

    binarymoon
    Theme Author

    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.