CSS

hi,

Can you kindly advise how could I change the #FFFFFF "image borders" backgrounds to #FEFEFE

flowerland.com.mt/index.php/wedding/cate.../69-flowersselection

thanks

This may be worth a go - try adding this css to your template override css file.

.hikashop_container {background-color:#FEFEFE!important;}
.hikashop_subcontainer {background-color:#FEFEFE!important;}

hi vendor,

thanks for your feedback - but no luck on that.

ian

OK try with the div added.

div.hikashop_container {background-color:#FEFEFE!important;}
div.hikashop_subcontainer {background-color:#FEFEFE!important;}

no luck with this one either.

i've added to the code both to the template's CSS file, as well as Hikashop's frontend CSS file.

many thanks

ian

What about this...

div.hikashop_subcontainer {background: none repeat scroll 0 0 transparent;}

no luck again

thanks for assisting

Hi, not being of much assistance more like a case of the blind leading the blind. :blush:

In firebug the transparent fixes/hides the issue. Do you have firebug installed on your machine?

If I add the css fragment below to your frontend_custom.css file the offending divs and colour are hidden. Probably not the best approach, but it would make your weekend more enjoyable. Maybe on Monday Nicolas can give your the ideal fragment to use.

.hikashop_subcontainer {
background: transparent!important;
}

fixed thanks :DDDD

Hi,

I don't think it's the right fix it's just hiding the issue.

Maybe this would be worth a try...

.hikashop_subcontainer {
background: none repeat scroll 0 0 transparent !important;
border: 1px solid green;
}

Just change the colour.

fine equivalent.

many thanks!!!

Hello again it just dawned on me that you weren't using css to add the rounded border to your image. The reason you can't fix the problem with the other div colours is because your image is providing its own border and background colour. CSS can't fix that! You would either need to just use images with no border and style the border with css or create png images with the #efefef; background removed and left transparent. The downside to the second option is the files will probably be bigger as transparent pngs.



Edit:
The red portion is just to highlight the border region which would need to be transparent.

Hope that helps

thanks again for your support

much appreciated.

ian