Navigation
Archive / weird image thumbnail css rendering
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 25, 2016 at 10:57 pm #1010401
    John
    Participant

    Hey guys,

    So I’m experiencing some weird css rendering of image thumbnails:

    http://prntscr.com/b8j3xn

    On this page:
    http://www.advancedosteopathichealth.com/

    Now the reason that I’m including the screen-grab is because this issue happens ONLY some time, weird right some some times there is extra padding left and right around the images that makes the background frame blowout and other times its just fine.

    Any ideas on a fix, thanks for the help!

    John

    May 25, 2016 at 11:45 pm #1010440
    Rupok
    Member

    Hi John,

    Thanks for writing in! I have tested with multiple browsers with several screen sizes but couldn’t see such issue. Then I noticed you are using the below CSS to fix this maybe :

    .page-id-7842 .x-img-thumbnail {
  margin: 0 auto !important;
  max-width: 362px;
  padding: 5px !important;
}

    Instead of using this, you can use the code below :

    .x-block-grid-item .x-img.x-img-thumbnail > img {
  width: 100%;
}

    Hope this helps.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1010401 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>