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 text in the exclusive blocks (CART, SPECIALS)

  1. Find the following line in your CSS file: /* block exclusive */
  2. The syntax that you need to look out for is:
    div.exclusive h4 a { color: white; }
    div.exclusive li { margin-top: 0; }
    div.exclusive, div.exclusive a { color: white }
    
  3. Change the color to your choice, say, green for the tab and blue for the text within the block.
  4. You will be able to see the resultant front office, as indicated on the right split. The CART and SPECIALS are now in green, whereas the blocks' content text is now in blue.
Time for action — Changing the color of the text in the exclusive blocks (CART, SPECIALS)

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