Forums / Templates, Stylesheets, Page Layout / Change background color of Add to cart

Change background color of Add to cart

Locked

Views: 1,147

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
9 May 2008, 11:15 AM
#1
decostyle avatar

decostyle

Zen Follower

Join Date:
Mar 2008
Posts:
336
Plugin Contributions:
0

Change background color of Add to cart

Hello!

I'm hoping someone would guide me as to which file I should go into and what to change if I want to the background color of the add to cart box to change? Please see attachment, it is currently white, I want to change this to some other color to stand out. I would like to retain the add to cart button as it is...white.

Thanks for your help!

9 May 2008, 7:02 PM
#2
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Change background color of Add to cart

Look for:-

#cartAdd {

in stylesheet.css

Then add a background colour to the style-set.

PS: I did this to mine and it looks quite cool :cool:

#cartAdd {
        float: right;
        text-align: center;
        margin-top: 1em;
        margin-right: 1em;
        margin-bottom: 1em;
        margin-left: 1em;
        background-color: #f7d4db;
        border-top-width: 2px;
        border-right-width: 2px;
        border-bottom-width: 2px;
        border-left-width: 2px;
        border-top-style: dotted;
        border-right-style: dotted;
        border-bottom-style: dotted;
        border-left-style: dotted;
        border-top-color: #698da5;
        border-right-color: #698da5;
        border-bottom-color: #698da5;
        border-left-color: #698da5;
        padding-top: 1em;
        padding-right: 1em;
        padding-bottom: 1em;
        padding-left: 1em;
        }

20 years a Zencart User

9 May 2008, 10:00 PM
#3
mike_dean avatar

mike_dean

Totally Zenned

Join Date:
Feb 2006
Location:
Central Coast, NSW, Australia
Posts:
531
Plugin Contributions:
0

Re: Change background color of Add to cart

schoolboy:

Look for:-

#cartAdd {

in stylesheet.css

Then add a background colour to the style-set.

PS: I did this to mine and it looks quite cool :cool:
[PHP]

Your right.. I just did this on my tets site, and it does look good.! Nice one. :clap:

Norts And Ones
Norts And Ones