Background color

[wcsur]

OK I have been looking and reading on how and where to change the page background color from white to another color. I will end up changing all the pages to different colors.

http://thedreamweaver.bugs3.com/Shop/zen-cart-v1.5.1-full-fileset-09182012/index.php

[stevesh]

As with all your threads, I'd like to help but your site won't load here in any browser. I strongly recommend that Zenners don't use 'free' hosting services, even for testing.

[wcsur]

I don't understand why it won't load, it loads anywhere else I try it. What does it have to do with it being a free hosting service? Trying to understand. Who would you recommend I use.

[gjh42]

You would use a "per-page stylesheet" for each page you want different, with a CSS rule to set the background-color of whatever elements you want to change. It is not possible to be more specific without knowing exactly what you want to change, and on which pages.

You can have stylesheets for different kinds of pages (index, product_info, shoppingcart...) or for different categories (cPath 23, 56, 44_129, etc.) or products (products_id 123, 555, 6971...). Look at /includes/templates/template_default/css/CSS_readme.txt for more info.

[stevesh]

I don't understand it either. Others here seem to be able to access the site. Might be a routing issue.

I don't know that the problem I'm having is related to the fact that your host is 'free', but I thought I would mention it in case you plan to use them when you site is done. Despite their claims, no one can offer the same service and support for free as others can who are being paid.

[gjh42]

And if you are using your site for a profit-making business, you need a host who can and will take care of issues you have right away.

[wcsur]

I want to get rid of the white on the main page. Everywhere I try to change the color, it doesn't change it.

[wcsur]

What host would you suggest?

[gjh42]

Add to the bottom of your stylesheet.css

#mainWrapper {background: #aabbcc;}

Adjust the color (#aabbcc) as desired.

Now to apply different colors to different pages, research the per-page stylesheets feature.

[gjh42]

For the homepage only, make a file named index_home.css with content

#mainWrapper {background: #aabbcc;}

and save in /includes/templates/your_template/css/.