Forums / Templates, Stylesheets, Page Layout / Changing the product info price color

Changing the product info price color

Locked

Views: 1,124

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
2 Sep 2010, 9:37 AM
#1
dermit avatar

dermit

New Zenner

Join Date:
Aug 2010
Posts:
55
Plugin Contributions:
0

Changing the product info price color

Hello, I have a what I thought was a simple problem. I wanted to change my product info price color from red to black. I right clicked and viewed the css elements and actually adjusted them from the site and the prices turned black.. GREAT!

However, when I modify the ProductListings-data in my template, there is no color change. Can anyone give me any guidance?

Thanks.

Site is www.bullardpublishing.com

2 Sep 2010, 11:00 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Changing the product info price color

Your Template Monster template changed all that. Find this in stylesheet_main.css and change the color: part-

#productPrices {font-size:14px; color:#181c23; font-weight:bold; text-transform:capitalize}

2 Sep 2010, 8:32 PM
#3
dermit avatar

dermit

New Zenner

Join Date:
Aug 2010
Posts:
55
Plugin Contributions:
0

Re: Changing the product info price color

Great that was it! So now I am trying to change the price color from the Featured products on the main page before you select an item or a category. Once again the attribute I see controlling that color is .product_box_price inside the stylesheet_tm.css Is there something I am missing as to the ACTUAL one that is creating these colors? I'm a little confused.

Thanks again stevesh.

2 Sep 2010, 9:19 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Changing the product info price color

Are you using Firebug? That will show you all the style rules that apply to the element, including ones that are overridden by others, and the one that has the final say.

2 Sep 2010, 9:29 PM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Changing the product info price color

Your stylesheet_main_OLD.css is interfering with your work. Delete it, or rename it like stylesheet_main.old.

stylesheet_main_OLD.css (line 221)```
.productListing-data {
color:#DA0D0D !important;
font-size:15px !important;
font-weight:bold !important;
line-height:24px !important;
padding-top:0;
text-align:center;
}

2 Sep 2010, 9:46 PM
#6
dermit avatar

dermit

New Zenner

Join Date:
Aug 2010
Posts:
55
Plugin Contributions:
0

Re: Changing the product info price color

Heh, thanks guys. I swear I would be fine if it wasn't for files overriding other files overriding other files :P

Just installed firebug for chrome. Thx for the suggestion.