O'Reilly logo

OpenCart 1.4 Template Design Cookbook by Tahsin Hasan

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

Styling centre featured block

Our featured product module is now at the centre column. It has default layout attributes. We have changed the left positioned featured block. Now, in this recipe, we will focus on enhancing the style of the middle positioned featured block.

Getting started

We have already placed our featured block at the middle position. So, we don't need to go to the admin panel. First, we examine the block with Firebug.

How to do it...

  1. The centre column featured block header needs to match with our site's other headers. It is currently showing the old style. So, we will change it. Select the Firebug icon, and inspect it. If we place our inspector on the featured block header, it will show the following code in the console:
    <div class="bottom"> ...

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