Customising Menu Styles

Under construction

This tutorial shows how to customise menus beyond the pre-defined menu themes...

Preface

This tutorial assumes that you are already familiar with the basic functionality within Theme Builder 3.x such as creating and editing layouts using the Layout Manager. It also assumes that you have a good understanding of CSS.

Where possible, we recommend using the pre-defined styles and settings on the Menus Tab as these are heavily tested on a wide range of operating system and web browser combinations.

Topics Covered

This tutorial will be useful to you if you are want to:

• customise the top-level menu bar
  • background colour and borders
  • rollover styles
  • text styles
  • separator styles
• customise pop-up menus
  • background colour and borders
  • rollover styles
  • text styles
  • separator styles

Contents

The tutorial is split in to to topics:

• 1 - Changing menu bar styles — The top-level menu bar is always shown and it's design should fit with the overall look and feel of your theme layout...
• 2 - Changing Pop-up Menus — Pop-up menus use separate styles to the menu bar...
• 3 - Extreme Menu Customisation — If you need complete control over menu styles, you can disable or significantly reduce the usage of pre-built styles...