When using custom colour style and changing background colour for header, in IE8 the #header-wrapper then takes on a weird acidic blue gradient, rather than the desired colour.

CSS respsonsible - in color/colors.css:
filter: progid:dXImageTransform.Microsoft.gradient(enabled='true',startcolorstr=#ededed,endcolorstr=#e5e5e5,GradientType=0);

Setting #header-wrapper to 'filter:none;' in footheme solves it.

Comments

Prague man’s picture

Prague man commented

I have the same problem, agree blue gradient on all input text forms
Prague airport transfers blue gradient demo
Subs.

Jeff Burnz’s picture

Jeff Burnz commented

I wonder if this is because the start and end colors are so close IE filters freak out and give the wrong hue? I will play around with it.

Prague man’s picture

Prague man commented

Fixed, there: "admin/appearance/settings/at_commerce" you must set full color code only, e.g. #cccccc instead #ccc

bcobin’s picture

bcobin commented

Thanks - this saved my butt. For some reason, it seems that in IE8, the color controls override custom styling - IE7 is fine, as is Safari and Firefox.

filter: none in the IE-8 conditional stylesheet solves it. Thanks!