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
Hi HHBeachboy!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
body .aligncenter { display: inline-block; }
Regards,
Yigit
Yigit,
Thanks for your response!
That fixes the image not moving but now the text underneath the images jumps up on hover.
Thanks
Michael
Yigit,
My previous post refers to Firefox but I just checked in IE 10 and this completely destroys the sizing of the image.
Michael
Hey!
Please use this:
body .aligncenter {
display: block;
}
Remove browser cache then reload the page.
Best regards,
Ismael
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
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
FIXED – Thank You!
Really appreciate your support – You guys are fantastic!
Michael