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 default blocks' background color

Let's look up the lines in the file that we need to change in order to modify the background color of the left and the right blocks; this change will affect the background color of the content of the blocks, which are considered default. They (the blocks) are:

  • TAGS
  • CATEGORIES
  • VIEWED PRODUCTS
  • MANUFACTURERS
  • SUPPLIERS
  • INFORMATION
  • TOP SELLERS
  • NEW PRODUCTS

Perform the following steps to change the background color:

  1. Scroll down the global.css file and go to /*Default block style*/
    /* Default block style */ div.block { margin-bottom: 1em; width: 191px } #left_column div.block, #right_column div.block{ padding-bottom: 6px; background: transparent url('../img/block_footer.gif') no-repeat bottom left ...

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