Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Styling Product Price

Styling Product Price

Locked

Views: 556

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
28 Dec 2010, 4:47 AM
#1
rocketscientist avatar

rocketscientist

New Zenner

Join Date:
Dec 2010
Posts:
3
Plugin Contributions:
0

Styling Product Price

This should be fairly simple, but I can't figure out how to do it. I'd like to style the price on my product pages so that it is bold yellow and centered directly above the Add to Cart box.

See this link: http://www.rocketscientistbooks.com/index.php?main_page=product_book_info&cPath=1&products_id=1

The product price is a h2 tag. When I change the css for the h2 tag it also changes "Featured Products" on the homepage since it is also a h2 tag. How do I make the product price have a unique id or class selector so that only it will be modified?

28 Dec 2010, 6:17 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Styling Product Price

I'd like to style the price on my product pages so that it is bold yellow and centered directly above the Add to Cart box.
Try adding what is in red to cartadd and the other at the bottom of your stylessheet

#cartAdd {
	float: right;
	text-align: center;
	border: 1px solid #000;
	padding: 1em;
        clear: both;
        }


#productPrices {
        float: right;
        margin-right: 2.5em;
        }
28 Dec 2010, 9:49 PM
#3
rocketscientist avatar

rocketscientist

New Zenner

Join Date:
Dec 2010
Posts:
3
Plugin Contributions:
0

Re: Styling Product Price

You're awesome kobra! That worked great, thanks!

29 Dec 2010, 12:16 AM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Styling Product Price

Great...

You appear to be using the book product type

Is this ZenCart ver1.3.9x or what ver?

There is another that has been trying to use this product type without success that you may be able to lend a hand

29 Dec 2010, 4:42 AM
#5
rocketscientist avatar

rocketscientist

New Zenner

Join Date:
Dec 2010
Posts:
3
Plugin Contributions:
0

Re: Styling Product Price

Yes, I'm using Zen Cart v1.3.9h. I'm pretty new to this, but can offer what help I can. I'm still trying to figure out how to customize the product type book so that it will display everything I want. What I have is nothing fancy, I just downloaded the product type book from the following website and uploaded the files to my server.

http://www.jphuk.co.uk/zc/index.php?main_page=document_general_info&cPath=54&products_id=490

Put me in touch with this person and I'll do my best to lend a hand.