change color on the "product price"

pauldodman · #11 10-14-2005, 08:00 AM

No, well when I get a look at your product template (as per the other topic), which is where it is set, I will be able work out exactly which one it is and then I shall let you know.

pauldodman · #12 10-14-2005, 08:05 AM

Actually, let's start again!

What exactly do you want to change?

On the Product Page, there is nowhere that it says "Our Price", just price - and that is black - #000000

On the ProductS page - there is an "Our Price" and that is red.

The bits on the Product Page with ref: #AA9311
are the actual price, which we have covered and the headings, ie Details.

Paul confused!

josephpham · #13 10-14-2005, 08:23 AM

Quote:

Originally Posted by harrismichael

Sorry for not specifying better .. i want to change the font color for 'our price " ..

Change the color for "our Price" was exactly what I changed, the default on my add-on skin template was blue. Like Paul showed me, Try to change "ProductPrice". If you have the default skin, it would be /skin1/skin1.css. Mine is add-on skin (/skin1/skin1_c.css : .ProductPrice {
COLOR: #xxxxxx; FONT: bold 12px; FONT-FAMILY: Arial;
}
It works for me. Good luck!

*xxxxxx is the RGB (red-green-blue) in Hex number from 00 to FF.

harrismichael · #14 10-14-2005, 08:28 AM

Ok so I changed it on the category page( see below ) from our signature yellow to red .. all OK there ..
http://harrismichaeljewelry.com/Bracelets-c-617.htm

Now I want to change it on the product pages like the one below( where it is listed as " price ":
http://harrismichaeljewelry.com/14k-White-Gold-Small-Engravable-Medical-Id-Bracelet-pr-19948.htmll

pauldodman · #15 10-14-2005, 08:34 AM

Ok, if you changed that one you have the right css file.

Now if you want to change the colour of the word Price, you need to alter:

ProductPriceConverting

in the Css file.

Note this will also alter the word Save.

(and we could do with putting a ":" after the word Save in the template I sent you) (line #76,

Code:

<TR><TD class="ProductPriceConverting" valign="top">{$lng.lbl_save_price}:</TD>

harrismichael · #16 10-14-2005, 08:54 AM

ok that indeed changed the color of price and save .. haven't tried the ":" yet ..

Is there a way to split those to so they can be differernt colors ?

An how to change the actual number ie $299.99 ?

pauldodman · #17 10-14-2005, 09:01 AM

So you want Save different to Price in terms of colour?

OK, well you need to be back in the same template, product.tpl

and on the line where you need to add the :
<TR><TD class="ProductPriceConverting" valign="top">{$lng.lbl_save_price}:</TD>

Change
ProductPriceConverting
to something else, I would just put a 1 on the end.

then in your css, duplicate that bit of code, the whole lot for ProductPriceConverting, and on the duplicate put a 1 on the end, just the same. Now you have two different classes and you can change the colour on this second one and it will only affect the Save button.

To change the actual price, change
ProductDetailsTitle in the css file.

harrismichael · #18 10-14-2005, 09:19 AM

I did that .. it made 'you save' vanish ..

and editing the color of 'ProductDetailsTitle' also changes the words ' details' and 'options'

pauldodman · #19 10-14-2005, 09:30 AM

And I thought you were starting to get the hang of it!!

I'm going to finishing soon, so a quick crash course in CSS may be needed!!

Now, are you using Hooter's Dynamic mod on your site; if you are the You Save is there in Red. If not, I'm not seeing the live site.

You cannot make You save disappear just by changing the css tag - unless you made it white.

harrismichael · #20 10-14-2005, 09:41 AM

Quote:

Originally Posted by pauldodman

You cannot make You save disappear just by changing the css tag - unless you made it white.

Call me in aidiot but in my hast I type FFFFFF ..

Anyways it works now for the words .. now can we get the number to match in colors ?

http://harrismichaeljewelry.com/14k-White-Gold-Small-Engravable-Medical-Id-Bracelet-pr-19948.html