Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 18, 2014 at 12:59 pm #211552
    Artinet

    When hovering over a clickable image, the content under it jumps down by a couple of pixels, is there ay way to stop this? See http://www.oglecarwax.com/products/element-premium/ – watch the black footer bar as you hover over the image.

    I’ve checked through the css but I can’t see anything that could be causing this.

    January 18, 2014 at 9:08 pm #211676
    Ismael

    Hey Artinet!

    I’m sorry but there is no content below the image on the link you gave us. I don’t see the “jump”. This usually happens when you add the alignleft, alignright css selectors if I am not mistaken.

    Regards,
    Ismael

    January 18, 2014 at 9:48 pm #211692
    Artinet

    Hi Ismael

    If you watch the black footer bar as you hover over the image you’ll see it drop down a couple of pixels.

    The image is just a photo in a Text Block, no alignment set, just the Lightbox link that’s added by default.

    Malcolm

    January 18, 2014 at 11:21 pm #211755
    Ismael

    Hi!

    Yeah, I can see it now. I’m not really sure why it jumps. Please add this on Quick CSS:

    .alignnone:hover {
padding: 0;
margin: 0;
}

    Best regards,
    Ismael

    January 19, 2014 at 11:45 am #211890
    Artinet

    I added the style to Enfold Child Theme Options: Quick CSS and also added it to custom.css but neither worked.

    It’s OK on any image alignment other than None so I’m using those as a workaround for now.

    Malcolm

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Image hover – items underneath jumping’ is closed to new replies.