1. Home
  2. Applications
  3. How to Change the background style in osCommerce
  1. Home
  2. osCommerce
  3. How to Change the background style in osCommerce

How to Change the background style in osCommerce

Step 1: Login into your cPanel.

Step 2: Go to the File Manager. Select your osCommerce installation directory and click Go.

Step 3: Upload the header.png image to the images folder in your osCommerce installation directory.

Step 4: Edit the stylesheet.css file in your osCommerce installation directory. Add the following code to the #bodyWrapper CSS.

#bodyWrapper { background: repeat-x top url(‘images/header.png’) #fff8e5; border:solid; border-width: 0px 1px 1px 1px; border-color: #494437; }

Step 5: This code will add a border around the bodyWrapper, fill in the background with the #fff8e5 color, and duplicate the header image across the top.

Note! the color for the background in this example is #fff8e5. You can change to whatever color you want.

Step 6: Save the file.

Was this article helpful?

Related Articles

Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help for 24X7!
Click here to talk us!

Leave a Comment