> For the complete documentation index, see [llms.txt](https://docs.jollyany.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jollyany.co/templates/autobike/breadcrumb-image.md).

# Breadcrumb Image

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FsR4HRvPl71Jk9uMuZ43B%2Fauto-breadcrumb-img.jpg?alt=media&amp;token=0241b299-a10a-4155-9935-6b66e54bfa9b" alt=""><figcaption><p>Background image of the breadcrumb section</p></figcaption></figure>

### Edit the breadcrumb's background image

* You should go to Admin > system > site template styles > Edit your style > Layout.
* Edit the breadcrumb section > Design settings tab > Upload or edit the background image.
* Scroll down and you'll see the background color, edit the background color (overlay color) there.

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FzTSuXWorlhI353QAO8eL%2Fedit%20breadcrumb%20section%20-%20layout.jpg?alt=media&amp;token=ea3aa231-651a-4705-b689-cbaf193e3bb5" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
If you wish to have different breadcrumb images for different pages, you're supposed to duplicate a template style to many, edit the breadcrumb images and assign them to corresponding pages.&#x20;
{% endhint %}