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.
    includes/footer.php
  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;
    padding:0px;
    margin:0px;
    }

    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.

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve our Support Center:
Email Address
Optional, but our team may contact you for more information.
Like this Article?

Post a Comment

Name:
Email Address:
Comment:
Are you a bot?
Submit

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

News / Announcements

West coast connectivity issue 4/22/2014
Updated 2014-04-22 02:20 pm EST
Hits: 261

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

Need more Help?

Search

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: support@InMotionHosting.com
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!