Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Background colour or image


aonetools

Recommended Posts

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

Oscommerce site:

 

 

OSC to CSS, http://addons.oscommerce.com/info/7263 -Mail Manager, http://addons.oscommerce.com/info/8120

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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.

Oscommerce site:

 

 

OSC to CSS, http://addons.oscommerce.com/info/7263 -Mail Manager, http://addons.oscommerce.com/info/8120

Link to comment
Share on other sites

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

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...