# Site Breadcrumb

**Breadcrumbs** are secondary navigation that shows the user's path in a hierarchical manner, enhancing the user experience, especially on large websites with extensive content.

Here's how you can configure the **Site Breadcrumb** in WordPress:

{% hint style="success" %}
Here's a short form of the **Site Breadcrumb** settings process in WordPress:

**Step 1 : Login** to your WordPress admin dashboard.

**Step 2 :** Go to **Appearance** > **Customize**.

**Step 3 :** Select **Site Breadcrumb**.
{% endhint %}

<figure><img src="/files/6xfHiNG9QCupAHei7Qv9" alt=""><figcaption></figcaption></figure>

**Step 1: General Options**

* Go to **Appearance** → **Customize** → **Site Breadcrumb** → **General**.
* Configure the following settings:
  * **Enable Breadcrumb** → **YES** (to display breadcrumbs).
  * **Breadcrumb Source** → **Default**.
  * **Enable Dark Breadcrumb** → **YES** (to use a dark style).
  * Style → Align: Center, Left, Right, etc., as per your requirement.
  * **Position** → **Behind the Header**.
  * **Change Breadcrumb Delimiter** → Adjust the separator.
  * **Hide Content** → **YES** (to hide title and breadcrumb).

**Step 2: Colors & Background**

* Navigate to **Site Breadcrumb** → **Colors & Background**.
* Customize breadcrumb appearance:
  * **Title Color, Text Color, Link Color, Link Hover Color** → Choose colors.
  * **Background Color** → Set a background color.
  * **Background Image** → Upload or remove an image.
  * **Background Size** → Choose **Cover, Contain, or Auto**.
  * **Background Attachment** → Set to **Inherit, Scroll, or Fixed**.
  * **Overlay Background & Gradient Color** → Select colors if needed.

**Step 3: Typography**

* Go to **Site Breadcrumb** → **Typography**.
* Adjust text settings for **Title & Breadcrumb Typography**:
  * **Font Family** → Choose or **Inherit** from theme.
  * **Font Weight, Font Style, Text Transform, Text Align, Text Decoration** → Customize as needed.
  * **Font Size, Line Height, Letter Spacing** → Set appropriate values.

**Step 4: Save Changes**

* Click **Publish** to apply all customizations.


---

# Agent Instructions: 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:

```
GET https://buddhathemes-test.gitbook.io/ogie/theme-customizer/site-breadcrumb.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.