Zen Cart Logo

Background color

Views: 1,517

Results 1 to 14 of 14
6 Mar 2014, 5:45 AM
#1
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

Background color

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
6 Mar 2014, 1:09 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Background color

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.

6 Mar 2014, 6:43 PM
#3
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

Re: Background color

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.

6 Mar 2014, 7:23 PM
#4
gjh42 avatar

gjh42

Black Belt

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

Re: Background color

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.

6 Mar 2014, 7:23 PM
#5
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Background color

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.

6 Mar 2014, 7:26 PM
#6
gjh42 avatar

gjh42

Black Belt

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

Re: Background color

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.

7 Mar 2014, 4:59 AM
#7
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

Re: Background color

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

7 Mar 2014, 5:00 AM
#8
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

Re: Background color

What host would you suggest?

7 Mar 2014, 5:22 AM
#9
gjh42 avatar

gjh42

Black Belt

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

Re: Background color

Add to the bottom of your stylesheet.css ```
#mainWrapper {background: #aabbcc;}


Now to apply different colors to different pages, research the per-page stylesheets feature.
7 Mar 2014, 5:26 AM
#10
gjh42 avatar

gjh42

Black Belt

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

Re: Background color

For the homepage only, make a file named index_home.css with content ```
#mainWrapper {background: #aabbcc;}

7 Mar 2014, 6:42 AM
#11
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

Re: Background color

TY trying that now. Just got home.

7 Mar 2014, 6:46 AM
#12
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

Re: Background color

That work great, thank you very much. I tried the main wrapper but not at the bottom of the style sheet. Does all additions need to go at the bottom?

7 Mar 2014, 3:13 PM
#13
gjh42 avatar

gjh42

Black Belt

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

Re: Background color

No, it depends on the situation. In this case, there is already a rule somewhere in your stylesheet that sets the mainWrapper bg color, and putting the new rule at the bottom overrides it. The best practice is to find the existing rule and modify it appropriately.

7 Mar 2014, 5:00 PM
#14
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

Re: Background color

TY very much.