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 block header of the default blocks

There are a number of default blocks which we have identified earlier. Most of them can be either in the left column, the right column, or both, depending on how you position them.

We will pick the CATEGORIES block as an example.

Find the following code which is located under /* Default block style */ section.
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 url('../img/block_header.gif') no-repeat top left

We will change the default color #374853 to ...

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