Black Theme

[Guest]

Guys and Gals,

 

I've been trawling thru the contribs section etc and what I'm looking for a shop is a black background completely for the shop - not just the surrounds or black buttons ...

 

Can anyone point me in the right direction please ?

 

:'( :'(

[janice171]

change it in the css

i don't know what your stylesheet looks like but try adding to your body tag:

background: #000;

[Guest]

change it in the css

i don't know what your stylesheet looks like but try adding to your body tag:

background: #000;

 

I was using the fixed width CSS

 

I suppose it's just a matter of going thru all the stylesheet and making the changes manually !

[Guest]

I was using the fixed width CSS

 

I suppose it's just a matter of going thru all the stylesheet and making the changes manually !

Go to catalog/stylesheet.css

near the top should be the body tag:

 

BODY {

background: #ffffff;

color: #000000;

margin: 0px;

}

 

change to:

 

BODY {

background: #000000;

color: #000000;

margin: 0px;

}

 

Changing the background to #000000 will make your page background black. Likewise changing it to #FF0000 will make it red, #00FF00 green, #0000FF blue. Think of it this way: #rrggbb. Change the rr's to anything from 00 to FF and you will get various shades of red. You can mix colors too like #550055 some shade of purple (mixing red and blue=purple).

 

You will also see the color attribute as part of the BODY tag. That is where you specify the default color for all text on the page. With a black background you will want lighter type. White would be #FFFFFF.

 

Keep in mind there are a lot of styles specified further down in the stylesheet which include text and background colors. You will probably want to set these to be compatible with the look and feel you are trying to achieve.

 

With the stylesheet.css you can make the change there one time and affect all your pages at once. This is a real time saver.

 

(IT TAKES TIME TO GET USED TO HOW ALL THIS AFFECTS YOUR PAGES. Make one change at a time and then check how it affected your page and it should go smoothly. Make too many changes at once and you can easily confuse which change made what difference.)

 

You can overide the defaults set in stylesheet.css with specific tags for specific text by using regular html tags like <font color="#FF0000"> to make the text following the tag be in red without effecting text before that. Finish any <font...> tags with </font>. However, you place <font...> tags the your html code of the page, not in the stylesheet.css.