Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How Would I Change All Background Colour To Black?

How Would I Change All Background Colour To Black?

Views: 3,875

Results 1 to 8 of 8
6 Mar 2011, 11:31 PM
#1
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

How Would I Change All Background Colour To Black?

Hi, i was wondering how i would change all the white bits on my website to Black?

Iam after a Black website, but cant seem to find how i can change all the white bits, seems like they are all controlled by different bits.

Would appreciate your help.

Thanks

6 Mar 2011, 11:39 PM
#2
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: How Would I Change All Background Colour To Black?

The elements are probably all DIV-controlled, so it is a matter of finding all the style declarations that are relevant.

You should use FIREBUG for firefox, where you can firstly identify each element, and then use the offline CSS editor to adjust the styles (in yiour case colour hex codes).

When you are happy with the result, you can save the css to a new stylesheet.css file (on your local machine), then - after backing up your server stylesheet.css file - FTP the altered one to the server.

Bear in mind that the ORIGINAL stylesheet should either be removed from the css folder, or renamed with an extension other than ".css" ... This is because ZC will load ALL stylesheets it finds - even if that stylesheet is not wanted.

11 Mar 2011, 12:11 AM
#3
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: How Would I Change All Background Colour To Black?

Hi, thanks for getting back to me.

I used firebug and tried to find out what files to change, but cant seem to find it, especially the main center block.

Heres a link to my site if it helps:
www.t o d a y s -fashion.co.uk

WITHOUT THE SPACES

Hope somebody can help.

Thanks

11 Mar 2011, 12:30 AM
#4
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: How Would I Change All Background Colour To Black?

insert this in your stylesheet.css file

#indexHomeBody {background-color: black;}

you may have to remove your body background image which is in same file

Hope this helps!

11 Mar 2011, 12:42 AM
#5
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: How Would I Change All Background Colour To Black?

Hi, thanks for getting back to me. :bigups:
Its changed the sides black, but the main middle bit is still white.

I cant seem to figure out how it can be changed to black

11 Mar 2011, 12:47 AM
#6
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: How Would I Change All Background Colour To Black?

change this in your stylesheet_colors.css file

#contentMainWrapper {
background-color: black;
color:#424242;
}

11 Mar 2011, 12:45 PM
#7
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: How Would I Change All Background Colour To Black?

Hi rbarbour,

Thanks for getting back to me :bigups:
Worked perfectly :clap: cant believe i spent so much time trying to figure this out.

Again thanks & really apreciated the help :bigups:

12 Mar 2011, 7:36 AM
#8
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: How Would I Change All Background Colour To Black?

glad to hear you also got this worked out!