Cant Change Product BG Colour...

[RickHope]

Hey,

I cannot change my product background colour, i have used firebug to try and find the file which defins the colour.

I have come to the conclusion that it is embedded CSS but i cannot locate the file which it is in, its been doing my head in for days, below is the link for an example

http:// w w w .d b 3 o n l i n e.c o m/catalog/index.php?main_page=product_info&cPath=71_100&products_id=517

Please remove spaces in address, just to stop google indexing.

Hope anyone can help.
Thanks
Rick Hope

[stiggy100]

Hi,

I can see that usually mens is blue and womens is pink, this product must have been listed as a womans product by accident maybe?

The code to change is in your stylesheet for the backgrounds is:

.coloredBackgroundMen {
background-color:#5A9BDF;
float:right;
height:465px;
width:460px;

.coloredBackgroundWomen {
background-color:#FFADFF;
float:right;
height:465px;
width:460px;

So to fix, you'd need to re-classify that product or just change the above background code to your desired color...

I Identified this in just a few seconds using firebug using the 'inspect element' part, you can highlight the part you want to change and it shows you the CSS code you need to modify...

Thanks

Steve

[RickHope]

hi, thanks for the reply, i have had no problem identifiying it, but i think the CSS is embedded into a page not brough in through a stylesheet so i dont have a clue where to find the colour to change it :S

[stiggy100]

Using the Web Developer it indeed says you have embedded styling:

Embedded Styles from http://www.db3online.com/catalog/ind...roducts_id=413

.LPform {
width:100px;
height:100px;
border:1px solid black;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}

#LPsubmit {
width: 75px;
height: 22px;
}

.coloredBackgroundWomen{background-color:#FFADFF; height:465px; width:460px; float:right;}
.coloredBackgroundMen{background-color:#5A9BDF; height:465px; width:460px; float:right;}

.footStyl{
color:#999999;
font-family:Arial;
font-size:15px;

Now Im not fully comprehensive on either firebug or web developer, I'd suggest going to your web developers toolkit in your admin and searching for:

.coloredBackgroundWomen

This will tell you every occurrence and should be quite obvious where you need to make the change (hopefully). The men and women will im sure be right next to each other where you need to make the change

Thanks

Steve

[stiggy100]

If I had to guess, I'd say this is in

includes>templates>YOUR TEMPLATE>templates>tpl_product_info_display.php

<!-- bof prepares and displays center column-->
<style>
.coloredBackgroundWomen{background-color:#FFADFF; height:465px; width:460px; float:right;}
.coloredBackgroundMen{background-color:#5A9BDF; height:465px; width:460px; float:right;}
</style>

Hope this helps...

[RickHope]

Thankyou sooo much stiggy100

it was bringing it from the default_template in the file you suggested.

Thanks

A+++