Results 1 to 5 of 5
  1. #1
    Join Date
    Dec 2010
    Posts
    3
    Plugin Contributions
    0

    css problem 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/...&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?

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default 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

    Code:
    #cartAdd {
    	float: right;
    	text-align: center;
    	border: 1px solid #000;
    	padding: 1em;
            clear: both;
            }
    
    
    #productPrices {
            float: right;
            margin-right: 2.5em;
            }
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Dec 2010
    Posts
    3
    Plugin Contributions
    0

    Default Re: Styling Product Price

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

  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default 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
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Dec 2010
    Posts
    3
    Plugin Contributions
    0

    Default 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?...roducts_id=490

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

 

 

Similar Threads

  1. v150 Styling the price and "... more info" on my product info pages
    By coreyalderin in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 27 Oct 2012, 03:35 PM
  2. Styling text to right of Price?
    By dgent in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 30 Jun 2011, 11:36 AM
  3. Styling Call for Price
    By coxdabd in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 20 Dec 2010, 07:54 PM
  4. Styling h1 Product Name
    By wotnow in forum Templates, Stylesheets, Page Layout
    Replies: 18
    Last Post: 4 Aug 2010, 02:28 PM
  5. Option Value Price needs styling
    By utopiaopera in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 14 Mar 2007, 01:53 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg