InMotion Hosting Support Center

Default footer osCommerceAfter you get the background styles and the #bodyWrapper styles setup the way you need it. you can set up your Footer styles to match them. The image to the right shows what the osCommerce site looks like with the background and #bodyWrapper styled for the "Sunny" osCommerce theme.

The footer by default has the osCommerce image displayed in the footer. This article will teach you how to style the footer and remove the branding from your osCommerce site. Below are the steps on how to do this.

Create a footer.png image

Footer image osCommerceIn this tutorial, we will need a footer image to match the header and background images in the "Sunny" Theme. The image we will use in this tutorial is the one to the right. The image was designed to repeat across the bottom of the page. Once you get your footer image created, follow the steps below to get the footer to display at the bottom of your osCommerce website.

Steps to edit the footer

  1. Login into your cPanel.
  2. Go to the File Manager. Select your osCommerce installation directory and click Go.
  3. Upload footer image osCommerceUpload your footer.png image to the images folder in your directory for your osCommerce site.
  4. Edit the footer.php osCommerceEdit the following file with the code editor.
  5. textComment lines 22 to 38 and delete the grid_24 class from the the footer div on line 17.

    Code view of changes osCommerceThe code should look like the snapshot to the right.

  6. Footer CSS osCommerceNow edit the stylesheet.css in the installation directory of your osCommerce site.

    Add the following lines in the stylesheet.css:

    .footer {
    color: #ffffff;
    height: 119px;
    margin: 20px 0px 0px 0px;
    padding:10px 0px 0px 0px;
    background: repeat-x bottom url('images/footer.png') #fff8e5;
    .footer p a{
    color: #ffffff;

    Save the changes.

    Final view with edited footer osCommerceNow if you go to your site you will see the footer like the snapshot to the right.

Was this article helpful?
Continued Education in Course 201: Changing your osCommerce appearance
You are viewing Section 9: Removing the branding from the osCommerce footer
Section 8: Managing your banners in osCommerce Video
Section 10: Changing the content background style in osCommerce

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Forum Login

You are NOT logged in. You can still browse our Support Center.

To participate within our Community Support Forum:

n/a Points
2018-08-27 7:54 am

Hi InMotion team

Simple and effective article, however step 6 is unnecessary to get the goal

Thank you


Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

1 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail:
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!