Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 11, 2014 at 7:58 pm #222369
    fdgmdg

    Hello Enfold. I’m having problems with the compatibility. In the latest firefox my site is working fine, In IE the latest one together with windows 8.1 unfortunatly the size of the image within the icon box is not correct. It shows the actual size of the image. In Firefox he’s looking at the ratio of the image and shows it in a smal frame. Can you please tell me how to fix this issue?
    URL: http://www.gezondheidtotaal.nl

    Thanks Fred

    February 12, 2014 at 10:30 am #222667
    Ismael

    Hi fdgmdg!

    Please add this on Quick CSS or custom.css:

    .iconbox_content_container a img,  .iconbox_content_container img {
width: auto;
max-width: 100%;
}

    Cheers!
    Ismael

    February 12, 2014 at 11:13 am #222689
    fdgmdg

    Thanks Ismael. Can you tell me where I can find the Quick CSS or the custom.css?

    Thanks Fred

    February 12, 2014 at 11:35 am #222699
    fdgmdg

    Hello Ismael, I changed it in styling Quick CSS but no results. It pops in ok for a second but after that it enlarge.
    Thanks Fred

    February 13, 2014 at 9:00 am #223275
    Dude

    Hi!

    I compared Chrome and IE11 and both give me the same result. Please try to clear the browser cache – maybe your IE still displays the old styling. You can also make the code more specific with the browser class:

    
.avia-msie-11 .iconbox_content_container a img,  .avia-msie-11 .iconbox_content_container img {
width: auto;
max-width: 100%;
}

    Best regards,
    Peter

    February 14, 2014 at 7:17 pm #224118
    fdgmdg

    Hello Peter, it works fine on Firefox and !E 11. On IE 9 andf 10 it’s not working. I get the same results. Because I expect a lot of customers with an older version of IE I hope that you can help me.
    I added the lines you mentioned in the quick CSS. Because I don’t know if I did it the right way I want to sent some screenshots. Can I send them to a specific e-mail adres? Do you think it will work at the older IE?

    Thanks Fred

    February 15, 2014 at 8:33 am #224284
    Ismael

    Hey!

    Please add this at the bottom of Quick CSS:

    .iconbox_content_container a img,  .iconbox_content_container img {
width: auto\9;
max-width: 100%\9;
}

.ie10 .iconbox_content_container a img, .ie10 .iconbox_content_container img {
width: auto;
max-width: 100%;
}

    Best regards,
    Ismael

    February 15, 2014 at 11:15 am #224309
    fdgmdg

    Hello Ismael, I placed it in Quick CSS. I cleared the Browser Casch. No results on IE9. I can’t test the IE10 at this moment.
    I made an new User at my site. Username: ENFOLD. Password: Kriesi150%
    Can you please check if I did it right?
    Do you have other sollutions?
    Thanks Fred

    February 17, 2014 at 10:48 pm #225143
    Devin

    Hey!

    Since each is inside a column already you can use:

    .iconbox_content_container a img, .iconbox_content_container img {
    width: 100%;
}

    The best solution would be to use smaller images that are already set to that width but the above should force them to not go outside their container.

    Regards,
    Devin

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