(Solved) CSS background image help

[Alt100]

Hello,

 

I want to change the appearance of my shop by giving it a background pattern, but i want the areas around the modules to be white, is this easily done by tweaking the Global css file? Here is an example of what I'm trying to achieve.

 

http://www.rucraft.co.uk/

 

I'm currently using the new 1.45 theme and have not yet changed any files.

 

Any help is much appreciated.

Edited May 31, 2012 by Alt100 (see edit history)

[Carl Favre]

Hi Alt100,

 

You can easily add a background pattern.

 

As you said you just need to tweak the global.css file for that. About your example, I cannot see it.

[Alt100]

Carl,

 

Many thanks for the reply. I'm not sure what happened to the example website, but it's working again now.

 

http://www.rucraft.co.uk/

 

If its easily done can you give me some example code to put into the global css.

 

Cheers

 

Al.

[Carl Favre]

Ah yes I can see it now.

 

For example you can add in global.css

 

body {

background-image:url(path/to/your/image) repeat;

[Alt100]

That didn't work so i changed it to:

 

background:url('../img/dots.gif')repeat

 

it put the image on, however it goes all the way behind the modules, i'm trying to get it so the background stops at the edge of the modules, so it looks like a white piece of paper on a background.

 

any ideas?

[Alt100]

Sorted. I've just put this line into the global css file and it's worked ok

 

#page {width:980px;padding:0 10px;margin:0 auto;background:#fff;padding-top:5px;}

[bonnsaikitty]

Hello Alt100, thank you very much for your tips !! it WORKS !!

 

Sorted. I've just put this line into the global css file and it's worked ok

 

#page {width:980px;padding:0 10px;margin:0 auto;background:#fff;padding-top:5px;}