Forums / Templates, Stylesheets, Page Layout / Changing the color of the main page

Changing the color of the main page

Started by altyrocks on 31 May 2011, 2:55 AM · Views: 689

Results 1 to 6 of 6
31 May 2011, 2:55 AM
#1
altyrocks avatar

altyrocks

New Zenner

Join Date:
May 2011
Posts:
3
Plugin Contributions:
0

Changing the color of the main page

Hello,

I'm new to Zen Cart and have a basic question. I am familiar with HTML/CSS and I am trying to change the white background on all the pages. I have figured out how to change the background color to what I need but can't figure out how to change the white area of the shopping cart or if it's even possible.

Thanks in advance.

31 May 2011, 4:37 AM
#2
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Changing the color of the main page

link to site?

31 May 2011, 5:12 PM
#3
altyrocks avatar

altyrocks

New Zenner

Join Date:
May 2011
Posts:
3
Plugin Contributions:
0

Re: Changing the color of the main page

The main site that I am trying to mimic the colors is:

http://www.coachingforhigher.com

THis has a green background color and a main yellow color.

The shopping cart is:

http://www.coachingforhigher.com/shop

This has the necessary green background but with a main white color. I need to change the white to yellow to match the rest of her site.

Thanks.

31 May 2011, 6:42 PM
#4
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Changing the color of the main page

in your stylesheet.css doc

find:
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 750px;
vertical-align: top;
border: 1px solid #9a9a9a;
}

replace:
background-color: #ffffff;

with the color of choice.

Hope this helps!

1 Jun 2011, 2:16 PM
#5
altyrocks avatar

altyrocks

New Zenner

Join Date:
May 2011
Posts:
3
Plugin Contributions:
0

Re: Changing the color of the main page

rbarbour,

Thanks for the help! That fixed it and I was able to figure out the layout pattern for the stylesheet. Check it out...

http://www.coachingforhigher.com/shop.

Thanks again!

1 Jun 2011, 8:33 PM
#6
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Changing the color of the main page

very cool!

glad I could help!