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 block content color

Now let's change the background color and the background images of the module blocks. We can review the classes and IDs of the elements using Firebug or a web developer tool (this is also covered in Chapter 5, Applying Images).

Let's modify the default block style.

Time for action — Changing the block content color
  1. You can see the block background color is within <div class ="block_content">.
  2. Look for the following in the global.css file:
    /* Default block style */ div.block { margin-bottom: 1em; width: 191px } footer.tpl, PrestaShop storeblock content color, changing#left_column div.block, #right_column div.block { padding-bottom: 5px; background: ...

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