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
(Casefile and 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.
Gadget style
The gadget style determines the color of the gadget. You can choose from a dark style for light backgrounds and a light style for dark backgrounds.
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, Casefile, Glass, Keynote, Memo, Nature, and Notebook - Navigation gadgets > Navigation gadgets > Breadcrumbs
Firma, Terra themes
Color of links
- Breadcrumbs > Link
All themes except Aurora, Casefile, Glass, Keynote, Memo, Nature, and Notebook - Navigation gadgets > Breadcrumbs > Link
Firma, Terra themes
Color of current page
- Breadcrumbs > Current page
All themes except Aurora, Casefile, Glass, Keynote, Memo, Nature, and Notebook - Navigation gadgets > Breadcrumbs > Current page
Firma, Terra themes
