Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 22, 2013 at 6:34 pm #23670
    Spiv

    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.

    May 22, 2013 at 8:17 pm #120734
    Spiv

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

    May 23, 2013 at 3:24 am #120735
    Ismael

    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

    May 23, 2013 at 7:41 am #120736
    Spiv

    Thanks, this did the trick.

    May 24, 2013 at 2:57 am #120737
    Ismael

    Hi,

    Glad it worked. :)

    Cheers,

    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘BUG: hover image from texteditor’ is closed to new replies.