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 in the default block

Changing the size of the text in the default block relate to the syntaxes we used in the previous section where we modified the background color of these blocks.

  1. Get to the following syntax of the global.css file within the /* Default block style */ section, to edit the text.
    div.block h4 {
    text-transform: uppercase;
    font-family: Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 1.2em;
    padding-left:0.5em;
    border-bottom:1px solid #595A5E;
    padding-top:2px;
    line-height:1.3em;
    color: #374853;
    height: 19px;
    background: transparent u'l('../img/block_header.'if') no-repeat top left
    }
    
  2. You can make the font size larger by increasing the em value in the font-size.
  3. Normally, you wouldn't ...

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