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 the language bar

There are language and payment units below the search bar. div6 class controls the styles for the language bar. We will apply some styles in this recipe. Like the previous recipe, we will also create images for this class. This will be a step-by-step guide to create an image for div6 class background color.

Getting started

We need to open up our stylesheet, stylesheet.css, in our favourite editor. Go to catalog\view\theme\shop\stylesheet.

How to do it

See the following steps for this recipe:

  1. In the div6 class, we have the language and payment unit options. We shorten div5 class, so, we also need to make adjustment for the div6 class. Currently, it has only margin-bottom attributes.
    #header .div6 { clear: both; margin-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