Breadcrumbs Element

The Breadcrumbs Element will allow you to provide better navigation for your users by giving clear navigation routes as to what paths they have gone so far. 

Content Tab 

Breadcrumbs 

  1. Separator - Choose to add a separator for the breadcrumbs. Either select one from the Icon Library or upload your own SVG icon 
  2. Prefix Breadcrumbs - Here you can type in the text before the breadcrumb 
  3. Homepage Label - Type in the custom label for the homepage
  4. Homepage URL - Type in the URL of your homepage
  5. Archive Format - This option will allow you to set the format of the archive
  6. Search Results Format - This option will allow you to set the format of the search results 
  7. 404 Page - Here you can type in the text for when users stumble upon a 404 page
  8. HTML Tag - You can set the HTML tag for the breadcrumbs 

Style Tab

Breadcrumbs 

  1. Alignment - You can set the alignment of the breadcrumbs either Left, Center, or Right 
  2. Typography - Tweak the typography option for the breadcrumbs 
  3. Text Color - Set a color for the breadcrumbs text 
  4. Separator Color - Set a color for the separator 
  5. Space Between - Set the space between the breadcrumbs
  6. Link Color - Set the color for the links in the breadcrumb 
  7. Color - Set a color for the hover state for the links in the breadcrumb 

Set the settings for the Advanced Tab that is appropriate for the element.  

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.