# 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="https://content.gitbook.com/content/Juk9mT7asZ4pv0M35wkr/blobs/Urghj2OIVSd5gRvCSrp4/site-breadcrumb.jpg" 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.
