Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

the web page www.thehapygardeners.co.uk does not open properly as the pictures are distorted

  • 5 replies
  • 1 has this problem
  • 11 views
  • Last reply by cor-el

more options

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

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)

more options

Direct link; http://www.thehappygardeners.co.uk/trade-2/

I looked at the page. Some of the pictures are overlarge. And cover other things.

more options

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%; }
more options

Hi In which file does that line of code need to go in ? Regards Doug

more options

Which file that line of code needs to go in.

more options

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;
}