Changing Background colour on main page and boxes

3 Dec 2008, 12:03 AM

#1

New Zenner

Join Date:: Dec 2008
Posts:: 40
Plugin Contributions:: 0

Changing Background colour on main page and boxes

Firstly how to i change the main background colour (yellow arrow in picture)
And then how do i change the box footer colour (red arrow in picture)

Thank You :clap:

3 Dec 2008, 1:04 AM

#2

vinyl_signs

Zen Follower

Join Date:: Jun 2007
Location:: Shropshire UK
Posts:: 125
Plugin Contributions:: 0

Re: Changing Background colour on main page and boxes

Mostly controlled by the stylesheet - much more information available on this site - here's a few links to start - do a search for more...:D
https://www.zen-cart.com/tutorials/index.php?article=43
https://www.zen-cart.com/tutorials/index.php?article=147
http://www.zen-cart.com/forum/forumdisplay.php?f=54

3 Dec 2008, 8:27 AM

#3

hargz

New Zenner

Join Date:: Dec 2008
Posts:: 40
Plugin Contributions:: 0

Re: Changing Background colour on main page and boxes

Where abouts can this be found on the CSS for the 2?

Thanks
Sam

3 Dec 2008, 9:54 AM

#4

vinyl_signs

Zen Follower

Join Date:: Jun 2007
Location:: Shropshire UK
Posts:: 125
Plugin Contributions:: 0

Re: Changing Background colour on main page and boxes

hargz:

Where abouts can this be found on the CSS for the 2?

Thanks
Sam
Probably worth searching your stylesheet for the terms:

"background" and

"footer"

https://www.zen-cart.com/tutorials/index.php?article=147

http://www.google.co.uk/search?hl=en&q=css+tutorials&btnG=Google+Search&meta=
http://www.pageresource.com/dhtml/csstut1.htm
http://blazonry.com/css/index.php

3 Dec 2008, 9:59 AM

#5

antpez

New Zenner

Join Date:: Oct 2007
Posts:: 34
Plugin Contributions:: 0

Re: Changing Background colour on main page and boxes

Inside your stylesheet.css you can change the page background color:

body {
background-color:e5edf5;
}

And add this to the bottom of the stylesheet for the information box:

#informationContent{background-color:green;}

I hope this helps you out.

3 Dec 2008, 11:42 AM

#6

gjh42

Black Belt

Join Date:: Jul 2005
Location:: Upstate NY
Posts:: 21,876
Plugin Contributions:: 8

Re: Changing Background colour on main page and boxes

The body background-color advice is correct, but the sidebox green color is actually a border.
In /includes/templates/your_template/css/stylesheet.css, find this```
.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 1px solid #9a9a9a;
border-bottom: 5px solid #336633;
margin-top: 1.5em;
}

3 Dec 2008, 5:04 PM

#7

antpez

New Zenner

Join Date:: Oct 2007
Posts:: 34
Plugin Contributions:: 0

Re: Changing Background colour on main page and boxes

Woops sorry about that. :blink:

3 Dec 2008, 6:14 PM

#8

gjh42

Black Belt

Join Date:: Jul 2005
Location:: Upstate NY
Posts:: 21,876
Plugin Contributions:: 8

Re: Changing Background colour on main page and boxes

Not a problem. There's a whole lot of things to learn about the intricacies of ZC code and styling - there is still plenty that I haven't explored.