Changing Background colour on main page and boxes

[hargz]

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

[Vinyl Signs]

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

[hargz]

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

Thanks
Sam

[Vinyl Signs]

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/i...hp?article=147

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

[antpez]

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.

[gjh42]

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;
	}

and delete or change the border-bottom line as desired.

[antpez]

Woops sorry about that.

[gjh42]

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.