Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

Image size issue with hover css (code block)


Site URL: https://www.kevinfabrizi.com

I am having a mind numbing issue with some simple css. I have a code block with image image swap. It looks great in editor mode but on the live site the first image is expanding outside of the appropriate image block. The roll over image is correct however. Not really sure what the issue is. Any ideas?


Here is my CSS

.image-swap img:nth-child(1) {
  position: absolute;
  transition: 0s;

.image-swap img:nth-child(1):hover {
  position: absolute;
  opacity: 0;

Share this post

Link to post

1 answer to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...