Changing the background
 

OK, I've spent a decent amount of time trying to change the background of my website (the whole background behind the site), but no success. Where to change the code in main.css. Please help, I'm confused...

Here it is...

Re: Changing the background
 

main.css look for this

html, body {
background-color:

and change it to whatever you want the color to be

Re: Changing the background
 

Thank you for the quick answer, but what if I want to put a pattern image, that should be repeated -x -y. Also when I change this color, also the color behind the products in focus changes also. I don't want that, please help me out, I'm confused...

Re: Changing the background
 

Just change it from backgorund-color to
background: #color url;

For the other background that changes also you need to find which class is used and change the background from transparent to color you want.

This is a good place to learn - www.w3schools.com

Re: Changing the background
 

Thank you, it was helpful.

Re: Changing the background
 

What do you mean the products in focus? Could you post a URL to the site so I could take a look?

Im guessing you want the background to have an image, but the main section of the store to have a solid color.

Ash

Re: Changing the background
 

Thanks Ashley, that's exactly what I want. I've pointed to my URL above in the topic.

Re: Changing the background
 

body controls the background of the whole site.

.page-container controls the main section of the site.

Ash

Re: Changing the background
 

Thanks Ash, I hope I'll fix it now. :D

Re: Changing the background
 

i didnt find this code in my main.css

but i found it in skin1_printable.css

i`ve tried to chage the color to black

to

but it`s still the same, something wrong with my method ? or should i edit this in my main.css?

Re: Changing the background
 

I have the same problem, i tried to change the main.css

html, body {
background-color: blue;

but, it did not change anything...

Re: Changing the background
 

We're currently slowly and painfully reconstructing our store in 4.23. Now in the final stages and looking at the CSS.

I had the same problem with html,body in main.css - it doesn't reflect any changes on the screen background. The background URL does work in that tag, we have used:

html,body {
height: 100%;
background-color: #ffffff;
background: url(images/bg.gif) repeat;

and that does work, so I guess a workaround would be to create a small GIF in the colour of your choice.

The main body of the text however seems to be set to transparent, so we added the background color to this tag:

#page-container {
min-height: 100%;
position: relative;
background-color: #ffffff;

There must be an easier way to influence the display, but we need a guru to point the way. Anyone ??

Re: Changing the background
 

no one can solve this?

Re: Changing the background
 

That is the easiest way. You have to change the CSS.
It's still the same. Find the body and html tags that are controlling the site and change teh background tag accordingly.

Re: Changing the background
 

What template are you people using that you say have issues?
Like ash says shouldn't be an issue:

Is they a way you troubled people can post url or pm to us to look at

Have mine set like this: Based on light and lucid (Have custom style though and have it centred to 960px)
html,body {
height: 100%;
background:#F2F5F7;
margin: 0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
min-width: 780px;
}

/* page layout */
#content-container {
clear: both;
float: left;
overflow: hidden;
position: relative;
width: 960px;
padding-bottom: 39px;
margin-top: 140px;
background-color: #ffffff;
border-left: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8;
}

Silly question I know, but have saved after edits?