Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

background image


oakfurn

Recommended Posts

could some one tell how i change the side of my site from white to an image background please.www.bedz4u.com is my site im after changing the white on the left and right hand side to a back ground image .

Link to comment
Share on other sites

could some one tell how i change the side of my site from white to an image background please.www.bedz4u.com is my site im after changing the white on the left and right hand side to a back ground image .

In your stylesheet.css change this code:

 

BODY {
 background: #ffffff;
 color: #000000;
 margin: 0px;
}

To:

 

BODY {
 background: #ffffff;
 background-image: url('images/bg2.gif');
 background-repeat: repeat;
 background-position: center;
 color: #000000;
 margin: 0px;
}

You may want to use a different image but that one doesn't look bad.

:)

 

Sometimes after changing the sheet in order to see any change you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

 

This works with IE and Firefox.

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

Tony,

 

Look at your stylesheet.css file for this code:

 

BODY {

text-align: center;

background: #CCCAC8;

color: #000000;

margin: 0px;

 

Change it to this:

 

BODY {

text-align: center;

/* background: #CCCAC8; */

background-image: url("images/filename.jpg"); <~~change this to your filename

color: #000000;

margin: 0px;

 

Make sure you upload the image to the /images directory first

 

 

Chris

Edited by DunWeb
Link to comment
Share on other sites

  • 2 weeks later...

And if you want the background to remain in position while the rest of the page scrolls add this code in with the backgound image code in the stylesheet:

 

  background-attachment: fixed;

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...