> For the complete documentation index, see [llms.txt](https://docs.yaycommerce.com/brandy-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.yaycommerce.com/brandy-theme/features/general-settings/breadcrumb-settings.md).

# Breadcrumb Settings

The Breadcrumb Settings interface in the Brandy theme provides two primary tabs: **General** and **Design**. Each tab allows you to configure different aspects of the breadcrumb navigation for better user experience and visual appeal.

#### 1. General Settings

<figure><img src="/files/CTUla7ZBDO99cMRy8Mz6" alt=""><figcaption></figcaption></figure>

This section focuses on the structural appearance of breadcrumbs, allowing you to choose the type of separator used between breadcrumb items.

* **Type Separator**: This option allows you to select a separator style for the breadcrumbs. Several predefined options are displayed, including various arrow or divider styles that appear between breadcrumb elements.

#### 2. Design Settings

<figure><img src="/files/CkzwUZRHr7smTHRDMl8n" alt=""><figcaption></figcaption></figure>

This section provides design customization options to adjust the visual appearance of the breadcrumbs. The available options include settings for typography, colors, container, and item spacing.

* **Typography**: This allows you to adjust the typography settings of the breadcrumbs, such as font family, size, weight, and other text attributes.
* **Text Color**:
  * Allows you to change the colors of the breadcrumb text, providing options to suit your website's design.
  * **Options:** Normal, Hover and Active colors.
* **Container**:
  * **Background Color**: Choose the background color for the breadcrumb container.
  * **Border Radius**: Modify the radius of the container's borders, enabling rounded or square edges.
* **Item**:
  * **Background Color**: Set a background color for individual breadcrumb items.
  * **Border Radius**: Allows you to round the edges of the individual breadcrumb items.
  * **Padding**: Adjust the padding around breadcrumb items (top, right, bottom, and left).
* **Item Spacing**:
  * Modify the spacing between individual breadcrumb items. The slider allows you to adjust the pixel values to increase or decrease the gap between items.

**Publish:** Make sure to click "Publish" after making changes to save and apply the updated settings.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.yaycommerce.com/brandy-theme/features/general-settings/breadcrumb-settings.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.