1. Home
  2. Knowledge Base
  3. Applications
  4. osCommerce
  5. 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.

Related Articles