Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #222369

    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

    #222667

    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

    #222689

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

    Thanks Fred

    #222699

    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

    #223275

    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

    #224118

    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

    #224284

    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

    #224309

    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

    #225143

    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

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