Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #194925

    I insert any column element (full, half, third, quarter) and then add a promo box. Then in the promo box I add media (a picture) and some text underneath. When I view the page and hover over the image the image drops about 10 pixels. This behavior is on all widths except 1/5th. Here is a link: http://162.212.128.233/2013-14-season/

    Michael

    #194980

    Hi HHBeachboy!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    body .aligncenter { display: inline-block; }

    Regards,
    Yigit

    #195097

    Yigit,
    Thanks for your response!
    That fixes the image not moving but now the text underneath the images jumps up on hover.

    Thanks
    Michael

    #195098

    Yigit,
    My previous post refers to Firefox but I just checked in IE 10 and this completely destroys the sizing of the image.

    Michael

    #195150

    Hey!

    Please use this:

    body .aligncenter {
        display: block;
    }

    Remove browser cache then reload the page.

    Best regards,
    Ismael

    #195166

    Thanks Ismael but still no luck in Firefox or IE10. The page is still here with the quick CSS change: http://162.212.128.233/2013-14-season/
    (and I cleared the cache)

    Michael

    #195172

    Hey!

    Please add this on Quick CSS with the other fix:

    body .aligncenter, .entry-content-wrapper a:hover .aligncenter {
        clear: both;
        display: block;
        margin: 0 auto;
        padding: 10px 0px;
    }

    Cheers!
    Ismael

    #195198

    FIXED – Thank You!

    Really appreciate your support – You guys are fantastic!

    Michael

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Promobox with image (and on hover the image jumps)’ is closed to new replies.