# Breadcrumb

**Step 1** Go to WordPress Dashboard > Appearance > Breadcrumb > Add New

<figure><img src="https://3342508614-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhqB3BnwtwuWDSvzx2EFT%2Fuploads%2F5wOihCsfqg7an4QufxMm%2Fbreadcrumbs.png?alt=media&#x26;token=3b6d90fd-46ae-43fb-9305-f88d1c911a49" alt=""><figcaption></figcaption></figure>

**Step 2** Click ‘Add New ’ and Name your Breadcrumb template and click ‘Create Breadcrumb’ and 'update'.

![](https://3342508614-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhqB3BnwtwuWDSvzx2EFT%2Fuploads%2F1JnZS0JnWQqf8UASIJp2%2Fbreadcrumb1.png?alt=media\&token=f8df3512-eb40-4f0f-85ca-552adb67da29)

**Step 3** - Drag or drop  the element that you want to build your template style with a limited layout

+/ you can add background color here:

<figure><img src="https://3342508614-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhqB3BnwtwuWDSvzx2EFT%2Fuploads%2FSEQRbDsyp5i0CilTcV64%2Fbreadcrumb2.png?alt=media&#x26;token=e986b25a-e4ba-4abb-86a7-82103aa6cb28" alt=""><figcaption></figcaption></figure>

You can add a background image here:

<figure><img src="https://3342508614-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhqB3BnwtwuWDSvzx2EFT%2Fuploads%2FRCK87RA1P6j5vygrVyEG%2Fbreadcrumb3.png?alt=media&#x26;token=6530c37e-d47c-4704-817d-1323448f481c" alt=""><figcaption></figcaption></figure>

You can config border-radius left-bottom:

<figure><img src="https://3342508614-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhqB3BnwtwuWDSvzx2EFT%2Fuploads%2FTi4KcxqJqhLGGNsfD5xN%2Fbreadcrumb4.png?alt=media&#x26;token=514d9f3e-9b0c-4a04-9497-4fdc19d0851a" alt=""><figcaption></figcaption></figure>

You can add "Ogeko Breadcrumb"

<figure><img src="https://3342508614-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhqB3BnwtwuWDSvzx2EFT%2Fuploads%2FrjuVYX6w6G3PD4QAKt4U%2Fbreadcrumb5.png?alt=media&#x26;token=5e0a2eaf-3034-4de3-bdaa-c069ef3426d6" alt=""><figcaption></figcaption></figure>



After all, click **"Update"** for settings.

**Step 4 - Set up Breadcrumb**

* &#x20;Choose tab **Breadcrumb** and you can add the template that has been created to the page.

<figure><img src="https://3342508614-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhqB3BnwtwuWDSvzx2EFT%2Fuploads%2F5wOihCsfqg7an4QufxMm%2Fbreadcrumbs.png?alt=media&#x26;token=3b6d90fd-46ae-43fb-9305-f88d1c911a49" alt=""><figcaption></figcaption></figure>

* Edit the display of your Breadcrumb Template that can add the created template to the page.

![](https://gblobscdn.gitbook.com/assets%2F-MXSpvHW-r0qopBD3sNq%2F-MXT7kW_sQidtZOFzx_j%2F-MXT8kFHt6R7aqiINAYW%2Fimage.png?alt=media\&token=6666501a-a80e-4855-aa90-5d9801d8a4bf)

**Step 5** Click SAVE & CLOSE

After all, click **"Update"** for settings.
