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 color of the background for the FEATURED PRODUCTS block

It is easy to change the FEATURED PRODUCTS block background color.

  1. Look for the following lines in the global.css file:
    /* Special style for block products in center column */ #center_column .products_block { border: none; } #center_column .products_block { color: #595a5e; } #center_column .products_block h4 { line-height: 1.3em; } #center_column .products_block .block_content { background: #d0d3d8 none; padding:0pt } #center_column .products_block ul li:hover { background-color: #bdc2c9; } #center_column .products_block ul li { border-right: 1px solid white; border-bottom:1px solid white; float: left; clear: none; width:133px; /*height:375px;*/ background-color: ...

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