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 block header background image

For this example, we will overwrite the eight block header files. We will now change the the block headers from gray to red.

Then we will upload images, its best if we just use the same filenames to avoid having to edit the CSS image referencing. We will only replace the images with similar dimension and format but maintain the use of the same filenames.

Tip

Alternatively, you can change the filenames in the global.css file according to the new image file you have uploaded to your image folder.

Let's try to change the background image of the block headers to red color background image. You don't want to use a flat color, so you need to integrate a background image to these blocks.

Firstly, ...

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