Forums / Templates, Stylesheets, Page Layout / specials in green instead of red?

specials in green instead of red?

Views: 634

Results 1 to 4 of 4
2 Jan 2014, 7:54 PM
#2
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,110
Plugin Contributions:
56

Re: specials in green instead of red?

At the bottom of your stylesheet.css add:

.productSpecialPrice, .productPriceDiscount { color: green; }

2 Jan 2014, 7:55 PM
#3
twitchtoo avatar

twitchtoo

Totally Zenned

Join Date:
Apr 2007
Location:
Ontario, Canada
Posts:
1,733
Plugin Contributions:
14

Re: specials in green instead of red?

Html code:
<span class="normalprice">$149.99 </span> <span class="productSpecialPrice">$189.99</span><span class="productPriceDiscount"><br>Save: -27% off</span>

Change or add the CSS classes to your:
includes/templates/YOUR_TEMPLATE/css/stylesheet.css

  • for normal price
    .**normalprice **{ css font colour goes here }

  • for special price
    .**productSpecialPrice **{ css font colour goes here }

  • for discount price
    .**productPriceDiscount **{ css font colour goes here }

  • for sale price
    .**productSalePrice **{ css font colour goes here }

Twitch.
https://www.twitchtoo.com Do you work for free? Please donate.
June 7.2026 - NOW AVAILABLE - Twitch Base8 - Obsidian

2 Jan 2014, 7:57 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: specials in green instead of red?

You could add to the stylesheet:

.productSpecialPrice, .productPriceDiscount {color: #00ff00;}