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 — Adding a background pattern

The default background property value for the body is white.

Let's change the background color and add a background image to the body of your site using the following steps:

  1. Add the URL you want to use for the background image.
  2. Edit the background-color property to the background and insert it in the correct section, as shown in the following code:
    body {
    background: white;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #5d717e;
    text-align:center
    }
    

    Here we are using an 80x80 pixel square image that is used throughout as a background. The image file we used is shown in the following screenshot:

  3. It is best to download the image and save it to the image (img) folder in your ...

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