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 size of the text and font style on the center column blocks

  1. We can change the size of the text and font style on the center column block by modifying the following lines in the /* Special style for block products in center column */ section.
    #center_column div.products_block h5 a {
    color: #374853;
    font-size:1.1em
    }
    
  2. For the font-size, we can make it smaller or bigger by adjusting the value of the em.
  3. We can add an additional style by inserting a line like the following one:
font-family: Verdana, Geneva, sans-serif;
  • The following is a modified syntax:
#center_column div.products_block h5 a {
color: #374853;
font-size:1.1em;
font-family: Verdana, Geneva, sans-serif
}

Tip

You should always provide font backups in case ...

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