How Can We Help?
Search for answers or browse our knowledge base.
How to add Breadcrumbs to your website
Navigate to Appearance > Customize > Body > Breadcrumbs to turn these on and access styling options. Breadcrumbs will appear on your pages and blog posts to break down the navigation for your visitors.
![image-62 | Imagely](https://www.imagely.com/wp-content/uploads/2024/06/image-62.png)
![image-63 | Imagely](https://www.imagely.com/wp-content/uploads/2024/06/image-63.png)
![image-64 | Imagely](https://www.imagely.com/wp-content/uploads/2024/06/image-64.png)
![image-65 | Imagely](https://www.imagely.com/wp-content/uploads/2024/06/image-65.png)
Breadcrumbs:
- Enable Breadcrumbs: this allows the use of Breadcrumbs.
![image-1 | Imagely](https://www.imagely.com/wp-content/uploads/2021/09/image-1.png)
- Positions: set the position
- Breadcrumb Separator: sets the Breadcrumb separator you want to use
![image-2 | Imagely](https://www.imagely.com/wp-content/uploads/2021/09/image-2.png)
- Text color: changes the color
- Separator Color: changes the color of the separator.
- Links Color: changes the color of the links
- Link Hover: changes the color when the mouse hovers a Breadcrumb link
![image-3 | Imagely](https://www.imagely.com/wp-content/uploads/2021/09/image-3.png)
- Home item: sets the Home item to an icon or text.
- Title/Translation for Homepage: set the text you want to display for your homepage Breadcrumb
- Translation for "404 Not Found": set the text you want to display when there is no page found
- Translation for "Search results for": set the text you want to display for the Search results for
- Posts Taxonomy: Sets the posts Taxonomy for Breadcrumbs
![image-4 | Imagely](https://www.imagely.com/wp-content/uploads/2021/09/image-4.png)
Breadcrumbs Font
- Font Family: sets the Font Family
- Font Weight: sets the weights
- Font Style: sets the Font Style to Italic or Normal
- Text Transform: transforms the Breadcrumbs text into, uppercase, lowercase, capitalize, default, or none
- Font Size: changes the size of the text. You can use pixels, em, or percentage
- Links Color: changes any link color located within your sidebar
- Letter Spacing: Increases the space between letters
![image-5 | Imagely](https://www.imagely.com/wp-content/uploads/2021/09/image-5.png)