O'Reilly logo

PrestaShop 1.3 ThemingBeginner’s Guide by Hayati Hashim

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Time for action — Changing the background color of the footer

In order to change the background color of your footer, perform the following steps:

  1. Look up for the following section in the global.css file.
    /* Footer */
    #footer {
    border-top: 1px solid #d0d3d8;
    padding: 0.5em 0;
    clear: both
    }
    
  2. Find out the hex code of your preferred background color. You may also add in the name of the color to the code.
  3. It should now look like the following:
#footer {
border-top: 1px solid #d0d3d8;
padding: 0.5em 0;
clear: both;
background: red
}
Time for action — Changing the background color of the footer

What just happened?

You just changed the background color of the footer through simple editing of the CSS file.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required