O'Reilly logo

Magento 1.4 Themes Design by Richard Carter

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 your store's header

You may find it easier to begin at the top of your store's design, at the header. Currently, the store's header looks like the following:

Styling your store's header

With this is mind, you may need to change your store's logo (covered in a previous chapter) to match the new theme you're creating. The header area of the store is structured in a way similar to the mark up presented next:

<div class="header-container">
<div class=”header”>
<!-- header content -->
</div><!--/end of .header-->
</div><!--/end of .header-container-->

The .header-container <div> provides the background for the header area for the full width of your screen, while the <div> ...

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