Background colour or image

[aonetools]

i have somehow altered the background colour on my site and would like

to get it back to white , how and where do i find this ?

also i would like to insert an image into the background how and where

would i alter the code ?

2.3.1

many thanks

[multimixer]

In your file catalog/stylesheet.css find where it says "body"

body {
 background: #fff;
 color: #000;
 margin: 0px;
 font-size: 11px;
 font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
}

 

#fff means white, while eg #f00 is red and #000 is black

 

To add an image you can say

body {
 background: #fff;

 background-image: url(images/your_image_name.jpg);

 color: #000;
 margin: 0px;
 font-size: 11px;
 font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
}

 

and make sure the image is in folder /images/

 

Depending on the image type (small and repeating, large and fixed etc there are several options you have, you can read here about

[aonetools]

body {

background: url("../images/body-bg.jpg") repeat-x scroll 0 0 #ffffff;

color: #52697E;

font: 12px Arial,Helvetica,sans-serif;

margin: 0px;

padding: 0;

text-align: left;}

 

 

this is my style sheet where would i put the image line ?

 

thanks

[multimixer]

You have already an "image line" trying to use image "body-bg.jpg", but I think the path to that image is not correct

[npn2531]

I can never keep that straight, but I think

 

 

url(images/your_image_name.jpg)

means look in the same folder as the page you are on for the images folder

 

 

url(/images/your_image_name.jpg)

means start back one level before looking down for the images folder

 

 

url(../images/your_image_name.jpg)

means start at the top level and before you look down for the images folder

[surrfman]

is there a way to set a different color for a certain page's bodyContent background-color? example would be the store's first page background-color as #585c5c, setting the checkout pages to #ffffff.

 

Thanks

 

Timmy C

[npn2531]

yes,

 

for example:

 

<style>
body {
background: #585c5c}
</style>

put beneath the stylesheet reference in the head of a page will override the background color set in the stylesheet.

[MrPhil]

Correcting npn2531's post:

 

url(/images/your_image_name.jpg)

 

means start at the top level [website root] and before you look down for the images folder

 

 

url(../images/your_image_name.jpg)

 

means start back [up] one level before looking down for the images folder

[surrfman]

thanks so much.. your bit of code took care of the issue!

 

Timmy C

[ara girl]

yes,

 

for example:

 

<style>
body {
background: #585c5c}
</style>

put beneath the stylesheet reference in the head of a pwill override the background color set in the stylesheet.

 

thanks