Follow

Breadcrumbs gadget

The breadcrumbs gadget displays the visitor's current position within your site's menu hierarchy.

Each page in the menu hierarchy is displayed as a link that the visitor can click on to jump up to a higher level page.

The style of the links and the current page name is defined separately for each theme, and can be modified from the Colors and styles screen. You can also control the appearance of the gadget using advanced gadget settings such as CSS class and Inline style.

Since breadcrumbs are typically positioned below the site menu, you might consider including the breadcrumbs gadget on any templates where you have added a menu gadget. For instructions on inserting, moving, and deleting gadgets, see Gadgets.

Breadcrumbs gadget settings

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

The following settings are available for breadcrumbs gadgets:

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.

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 breadcrumb gadgets, you can modify the following elements from the Colors and styles screen:

Typeface of items

  • Breadcrumbs > General
    All themes except Aurora, Glass, Keynote, Memo, Nature, and Notebook
  • Navigation gadgets > Navigation gadgets > Breadcrumbs
    Firma, Terra themes

Color of links

  • Breadcrumbs > Link
    All themes except Aurora, Glass, Keynote, Memo, Nature, and Notebook
  • Navigation gadgets > Breadcrumbs > Link
    Firma, Terra themes

Color of current page

  • Breadcrumbs > Current page
    All themes except Aurora, Glass, Keynote, Memo, Nature, and Notebook
  • Navigation gadgets > Breadcrumbs > Current page
    Firma, Terra themes

0 Comments

Please sign in to leave a comment.

Search: WildApricot.com 

About results ( seconds) Sort by: 
Sorry, an error occured when performing search.