Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #23670

    Hi,

    I discovered a nasty bug with something very common: when hovering over an image (left aligned) with link, the text jumps all the way to the bottom.

    Try it by simply inserting an image through the default WP texteditor and set it left aligned. Then save and hover over the image in the frontend. I have it everywhere. Has to do with the image hover effect.

    Please let me know if you have a quick fix.

    Thanks!

    Edit: this happens with all img alignments through the default editor. When hovering the image simply loses its alignment, which creates awkward jumps on pages.

    #120734

    I checked all other solutions on the forum, the problem in firefox (mac) stays. Safari and Chrom are okay.

    #120735

    Hi,

    Yeah, I can see it. Please do the following steps. I believe you have something like this on your editor

    <a href="http://localhost/kriesi/enfold/wp-content/uploads/2012/04/2.jpg"><img class="alignleft size-medium wp-image-316" alt="2" src="http://localhost/kriesi/enfold/wp-content/uploads/2012/04/2-300x195.jpg" width="300" height="195" /></a>

    Put a class selector on the anchor tag. Something like this

    <a class="leftalign-moz-fix" href="http://localhost/kriesi/enfold/wp-content/uploads/2012/04/2.jpg"><img class="alignleft size-medium wp-image-316" alt="2" src="http://localhost/kriesi/enfold/wp-content/uploads/2012/04/2-300x195.jpg" width="300" height="195" /></a>

    Now add this on your custom.css

    .leftalign-moz-fix {
    float: left !important;
    }

    I will tag Kriesi.

    Cheers,

    Ismael

    #120736

    Thanks, this did the trick.

    #120737

    Hi,

    Glad it worked. :)

    Cheers,

    Ismael

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

The topic ‘BUG: hover image from texteditor’ is closed to new replies.