Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 13, 2014 at 8:44 pm #278719
    mgould

    I am using Enfold for the following site: http://www.atlassteelruledie.com/ In IE 8 two of the promo boxes on the home page are stretched out of proportion – specifically the photos in the boxes. I’ve tried recreating them, but with the same result. How can I get these to stop being stretched?

    Thank you!

    June 14, 2014 at 4:37 am #278794
    Ismael

    Hi mgould!

    Thank you for the link.

    Please add this on Quick CSS or custom.css:

    .avia-msie-8 div.avia-promocontent a img, .avia-msie div.avia-promocontent a img {
max-height: 155px;
}

    Regards,
    Ismael

    June 14, 2014 at 12:38 pm #278865
    mgould

    No luck – this did not change the appearance of the promo boxes on the home page. Two are still stretched. What else can we try? Thank you!

    June 17, 2014 at 1:37 pm #279979
    Dude

    Hey!

    Please try this code instead:

    
.avia-msie-8 div.avia-promocontent a img, .avia-msie div.avia-promocontent a img {
max-height: auto;
height: auto;
max-width: 240px;
width: 240px;

}

    Best regards,
    Peter

    June 17, 2014 at 2:29 pm #280008
    mgould

    Sadly this didn’t work either. I’ve tried recreating the text boxes and the images but IE 8 continues to stretch out those two boxes. What else can we try?

    http://www.atlassteelruledie.com

    Thanks!

    June 18, 2014 at 8:16 am #280399
    Dude

    Hi!

    Please try to clear the browser cache? I just tested your website with IETester and IE11 developer tools and both showed the images perfectly fine.

    Best regards,
    Peter

    June 18, 2014 at 2:10 pm #280551
    mgould

    That is strange. I already tried clearing my cache and even viewed the page on an entirely different computer but still saw the same results – the images were stretched.

    June 19, 2014 at 4:40 am #280959
    Ismael

    Hey!

    Alright. Please try this css snippet:

    .avia-msie-8 div.av_promobox div h3 a img, .avia-msie div.av_promobox div h3 a img {
max-height: 155px !important;
height: 155px !important;
max-width: 240px  !important;
width: 240px  !important;
}

    Remove browser cache then reload the page a few times.

    Cheers!
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.