The navigation links gadget displays text links to selected site pages. Navigation links to important or frequently accessed pages are often included on a page footer.

You can insert the gadget into a page onto your site, or into a page template so that all pages that use that template will automatically display the gadget. For instructions on inserting, moving, and deleting gadgets, see Gadgets.

To display links to all pages within your site's menu, you can insert a sitemap gadget.

Navigation links gadget settings

Using the gadget's settings, you can control its appearance and content. For instructions on displaying gadget settings, see Gadgets.

The following settings are available for navigation links gadgets:

Pages to include
Choose the pages to display as links. You can link to all pages in your site menu, to pages in the top level of your menu, or only subpages of the currently displayed page.

Orientation
Controls whether the links are displayed horizontally or vertically.

Gadget title
If you specify a gadget title, the title will appear specially formatted within the gadget. Depending on the gadget style you choose, the title may appear in a heading box.

For Kaleidoscope themes, use a Headline gadget instead of specifying a gadget title.

Gadget style
The gadget style determines the physical appearance of the gadget. The style you choose will determine the color and format of the gadget title, the gadget content, and the gadget border. You can choose from theme-specific styles and styles that are common to all themes.

Margins
The amount of space – in pixels – that appears outside the gadget. You can set top, bottom, left, and right margins separately.

Padding
(Kaleidoscope themes only) The amount of space – in pixels – that appears between the content of the gadget and the outer limits of the gadget. You can set top, bottom, left, and right padding separately. If you have set a fixed height for the gadget, the bottom padding will be ignored.

Advanced
Within the Advanced section, you can enter CSS code or classes to further control the appearance and behavior of the gadget. For more information, see Gadget settings.

Changing colors and fonts

You can change the colors, text styles, and backgrounds used in your website from the Colors and styles screen.

For more advanced fine-tuning, you can use CSS customization and theme overrides.

For navigation links gadgets, you can modify the following elements from the Colors and styles screen:

Font color of links

  • Navigational links > Link
    Blueprint, Bookshelf, Fiesta, Showcase, Skyline, Treehouse, Whiteboard themes
  • Navigation gadgets > Navigation links > Link
    Firma, Terra themes

Font color of links on hover

  • Navigational links > Link on hover
    Blueprint, Bookshelf, Fiesta, Showcase, Skyline, Treehouse, Whiteboard themes
  • Navigation gadgets > Navigation links > Link on hover
    Firma, Terra themes

Any changes you make will be applied to other gadgets that use the same settings.