Forums

Image shadow which should not be there.

Permalink
I have a site using the new responsive version of the Bon Appertit theme which the client is very pleased with. However there is a wierd problem with the angled png images which are part of the design. There is a very thin shadow below them which only appears in Firefox. Chrome and IE do not display it. The theme allows for a background to images from within the css which I have removed and set the associated shadow to 0px. The fact that it only appears in one browser is very strange and I would appreciate any ideas.

The site is:
www.www.winchestervintagecatering.co.uk...
wildfirelondon
 
ConcreteOwl replied on at Permalink Best Answer Reply
ConcreteOwl
line 301 of your styles.css file could be the culprit change it from this 
.shadow img {
    box-shadow: 0px 0px 0px;
}

to this
/* .shadow img {
    box-shadow: 0px 0px 0px;
} */

Or 
.shadow img {
    box-shadow: none;
}

And try it out..
wildfirelondon replied on at Permalink Reply
wildfirelondon
Thanks, I had previously tried commenting it out and it hadn't worked at all (through the formatting out) but changing to box-shadow: none; worked a treat. Once again thanks.