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 and text of the menu bar

You may want to have a different background color on the module bar.

  1. Go to the img folder in the modules directory (wiznav/img).
  2. Edit or replace the following images:
    • blank.gif
    • blank_over.gif
    • blank_overa.gif
    • blanka.gif
    • blankbg.gif
  3. The default color is of a bluish tone. So replace it if you prefer.

Another way to change the look of the menu bar is to change the text color.

  1. To change the color of the text, open the wiznav.css file at wiznav/css/wiznav.css.
  2. Look for the following items that you may want change. For example, text color, font type, and size.
    #nav li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#ccc; text-decoration:none; font-size:13px; font-weight:bold; ...

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