change color on the "product price"
 

Is it possible to change the product price : "Our Price: $xx" from Red color to other color? Thank you

This should be controlled by your CSS file.
Open up skin1.css and look for .Product Price.

It should look something like this:


Just change the color reference to what you want.

Thank you so much. You saved me 20 points. :-). I changed the skin1/skin1_c.css (because I have add on skin templates) It works.

Hi, yeah that's the right file - it is different with the skins. Glad it worked, but that's what the forum is for - don't go using support points for "routine" questions. Save them for more technical points, or if you don't have any joy in here. Normally though, someone here will tell you if they think you should talk to x-cart.

Thanks so much for all the helps from everyone in this room. Without this forum, A very new user like me will not able to setup my www.harddrives-usa.com within 3 weeks, it might take me years. I asked X-cart sales to be sure I bought correct version because the skins they demo looks different than what I installed, they transfered me to support and ask me 20 points :-(... no way..Have a good day!

Thanks, I was just about to change this around ..


How do I change the font colors on a product page .. the above fix only seems to apply to category pages ..

On the product page, you need to alter:


as before.

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

Try:

ProductPriceConverting

that one is currently set to #000000 while the one on the page is #AA9311 .. so i can't be that one I guess ..

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.

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!

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.

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

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,

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 ?

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.

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


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

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.

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

Well the actual $amount eg. $249 is on:

ProductDetailsTitle in the CSS

Is that what you are after?

Yes but as said before that will also change the color of ' detail's and options ..



I am very grateful for the help so far btw ..

Of course, ok, well we just need to make a new css class as we did before.

In the products template:

line 67:

<FONT class="ProductDetailsTitle">

Stick a 1 on the end of the Title, so:
<FONT class="ProductDetailsTitle1">

Then goto the css file, duplicate that section and then put a 1 on it again.
You now have another separate class that you can edit.

cool .. price and $xxx.xx now match ..


Now how do i change 00% to mach up with ' you save' .. duplicate another one in the css ?

Yes, but you will actually have to put the tag around the variable in your product template as well.

<FONT class="ProductDetailsTitle2">{$discount}%</font>

So that:
ProductDetailsTitle2

matches in the template and css. Doesnt matter what you call it.

Victory :D .. thanks so much for your help .. it all looks smooth and better then ever .. 8)

Agreed, looks very user friendly now. Glad to of helped - hope you feel a bit more confident with css now, especially as it basically controls so much of the style of x-cart.

yah it is starting to make sense .. i still need to get that CSS for dummies though .. :o