Using ProductCart - Font color of price

Print Page | Close Window

Font color of price

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Using ProductCart
Forum Description: Running your store with ProductCart
URL: https://forum.productcart.com/forum_posts.asp?TID=2468
Printed Date: 27-February-2025 at 2:19am
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com

Topic: Font color of price

Posted By: Diaper Junction
Subject: Font color of price
Date Posted: 10-February-2009 at 6:21pm

The prices in my store are, in my opinion, hard to see. I want to change the font to black, instead of the current gray.

I cannot figure out where to edit this.

If someone can tell me what file, I can edit it.

Anyone?

Current font can be seen here: http://www.diaperjunction.com/store/pc/viewPrd.asp?idproduct=226&idcategory=2 - http://www.diaperjunction.com/store/pc/viewPrd.asp?idproduct=226&idcategory=2

Thanks for any help!

Melanie

Diaper Junction

Replies:

Posted By: RUOnTheNet
Date Posted: 10-February-2009 at 6:47pm

The font colour is placed within the style sheet as mentioned below.

Look for the style sheet ../pc/pcStorefront.css file and then find this info below for

pcShowProductPrice

Then, change the color code below to whatever shade you like.

/* Change font color for "Show Product's Price" feature */
#pcMain .pcShowProductPrice {
color:#000000;
}

That should work! Alan

-------------
Alan,
www.AreYouOnTheNet.com
Internet Sales, Marketing & Affiliate Program Management

Posted By: Diaper Junction
Date Posted: 10-February-2009 at 6:54pm

Hm. Well, that did change the word Price to black, but not the actual numbers.

;-/

Thank you for your help.

Posted By: Hamish
Date Posted: 10-February-2009 at 6:59pm

Hi,
To change the price itself in pc/storeFront.css look for :-

    /* Style the transparent fields used by ProductCart Build To Order and Apparel Add-on */
    #pcMain .transparentField {
        border: 0;
        background-color: transparent;
        padding: 0;
                color: red;
    }

- Where the color line has been added - unfortunately this class is used by other places as well, such as SKU at the top of the page - so if you really want to make it stand out you will need to tweak the code that creates the page, but if you just want to make it black, then don't worry.

-------------
Editing ProductCart Code?

See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code

Posted By: Hamish
Date Posted: 10-February-2009 at 7:03pm

Hi, Actually, the place the existing color is being set is here :

    .pcForms input {
        border: 1px solid #CCCCCC;
        background-color: #F2F2F2;
        font-size: 11px;
        color:#666666;
        padding: 2px 3px 2px 3px;
    }

-------------
Editing ProductCart Code?

See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code

Posted By: Diaper Junction
Date Posted: 10-February-2009 at 7:30pm

Got it, thank you!

Posted By: GavinB
Date Posted: 11-February-2009 at 7:23am

It would be nice to have the ASP generate a unique css class for the price. I have a client who likes to display the price a little larger and change color and I always end up having to butcher the actual .asp files to achieve this.