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 tab for the FEATURED PRODUCTS block

Let's try changing the color of the tab of the FEATURED PRODUCTS block.

  1. Look out for the following code:
    /* block in the center column */
    #center_column p { margin: 0.5em 0; padding-left:0.7em;}
    #center_column div.block { width: 536px; margin:auto;}
    #center_column div.block h4 {
    background: transparent url('../img/block_header_large.gif') no- repeat top left;
    height: 17px;
    color: white
    }
    
  2. Delete the URL and replace it with red. Your code should now look as follows:
/* block in the center column */ #center_column p { margin: 0.5em 0; padding-left:0.7em;} #center_column div.block { width: 536px; margin:auto;} #center_column div.block h4 { background: red; height: 17px; ...

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