Hey Guys – I know that IE8 is a dinosaur – but my client needs this to look good in IE and there are 4 images on the home page that are stacked on top of eachother.
It’s under the ‘what we do’ heading.
Can you let me know what I need to do to fix it without updating the theme (they’re in the middle of a huge campaign and I can’t update theme files at the moment as I can’t disrupt the site)
Here is the website
http://www.acmena.com.au/
Thanks heaps
Hey ShortieD!
Thank you for using the theme.
Please add a custom selector on the images inside the text block. Something like this:
<img class="avia-img-fix" src="IMG URI HERE">
After that, add this on Quick CSS:
.avia-msie-8 .avia-img-fix {
max-width: 211px;
}
Best regards,
Ismael
Hi Ismael – I already have this class assigned to the image
class=” alignnone size-full wp-image-634
shall I change it to
class=”alignnone size-full wp-image-634 avia-img-fix
?
Thanks
Hi!
Yes, alternatively you could enable this and set the class to the container element (text block), and change the code accordingly:
.avia-msie-8 .avia-img-fix img{
max-width: 211px;
}
Regards,
Josue