How to change the background color in ZenCart
Changing the background of your ZenCart store is super simple.
First you will need to open the stylesheet.css file or your template.
If you are using the default green template that comes with ZenCart, the stylesheet.css file is located here:
PATH_TO_ZENCART/includes/templates/classic/css
PATH_TO_ZENCART = wherever the ZenCart files are located on your server.
Using either Notepad or WordPad, open this file and locate the following line:
body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #e5edf5;
}
Change the following line to your desired color:
background-color: #e5edf5;
Save the file and upload to your server.
That’s it!
Related tutorials that might interest you:
- How to edit the ZenCart header image
Changing header in ZenCart using Dreamweaver, CSS
How to change the width of your osCommerce store
How to edit SiteMap links in ZenCart
How to remove or change “Sales Message Goes Here”
Tags: ZenCart
Where are the color # (numbers) defined?
Hi Carlos, try this free online color schemer: http://www.colorschemer.com/online.html Choose your color and it will provide you with the HEX # to place in your CSS.