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;

Link to post
  • Answers 10
  • Created
  • Last Reply

Top Posters For This Question

10 answers to this question

Recommended Posts

  • 0
On 8/16/2020 at 10:08 AM, KaijuCorgi said:

I was having the exact same issue! How did you solve it @fabrizi?

If you share link to page where you use code block. We can take a look

Link to post
  • 0
17 hours ago, sarahjohanna said:

How does the image swap work on a main page where you can't add the code section? 

Can you share link to main page? WE can check easier.

Link to post

Create an account or sign in to comment

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

  • Create New...