the web page www.thehapygardeners.co.uk does not open properly as the pictures are distorted
brand new website ....works perfectly with other browsers .....lots of my collegues use firefox but the pictures are distorted ...and i am recieving complaints
www.thehappygardeners.co.uk .....scroll down and pictures are distorted .
push the TRADE button ...scroll down and pictures are distorted ....but it works fine on other browsers ...as have checked with a number of other users
thanks Doug
All Replies (5)
Direct link; http://www.thehappygardeners.co.uk/trade-2/
I looked at the page. Some of the pictures are overlarge. And cover other things.
Firefox doesn't scale the images as you do not set a width, so all images show in their natural dimensions and that makes the columns wider and causes an overlap because some images are quite large. You can add a img { width:100%; } rule to make the images fit better.
div.image img{ width:100%; }
Hi In which file does that line of code need to go in ? Regards Doug
Which file that line of code needs to go in.
There is rule in the wordpress.css file where you could add this property, but I don't know if you have access to this file. Otherwise you can add the line to one of the inline style sheets, but then you would have to do this on every page where this is needed.
Line 1074:
.post img {
max-width: 100%;
width:100%;
height: auto;
}