Jump to content

(Solved) CSS background image help


Recommended Posts

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 by Alt100 (see edit history)

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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;}

  • Like 1

Share this post


Link to post
Share on other sites
  • 7 months later...

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;}

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More