> For the complete documentation index, see [llms.txt](https://templatescoder.gitbook.io/pizzon-shopify-theme-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://templatescoder.gitbook.io/pizzon-shopify-theme-documentation/all-sections-in-theme/page-banner.md).

# Page Banner

To add this section, please follow below steps:

{% hint style="success" %}
**Steps:**

1. From your Shopify admin, go to **Online Store -> Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose **"Page Banner"**.
   {% endhint %}

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FykBo14t3GXuMvtokWcsV%2Fscreenshort-179.jpg?alt=media&amp;token=eca39c37-9eba-46d3-8b0b-2c1e553613b1" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th>Setting</th><th>Description</th><th data-hidden></th></tr></thead><tbody><tr><td>Layout</td><td>Select the layout width of the whole section. The options are: Default (same as the body width), Full Width (the 100% of the viewport width).</td><td></td></tr><tr><td>Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Page Title</td><td>Toggle the display of Page Title, on page.</td><td></td></tr><tr><td>Title Color</td><td>Set the color for the title.</td><td></td></tr><tr><td>Title Font Size on Desktop, Tablet, Mobile</td><td>Determine the font size of the title on Desktop, Tablet and Mobile separately</td><td></td></tr><tr><td>Title Font Weight</td><td>Select the font weight of the title to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.</td><td></td></tr><tr><td>Title text transform</td><td>Select the text transform of the title to be either uppercase, lowercase, capitalize, none.</td><td></td></tr><tr><td>Title align</td><td>Title align left, center and right</td><td></td></tr><tr><td>Show Breadcrumb</td><td>Toggle the display of Breadcrumb, on page.</td><td></td></tr><tr><td>Breadcrumb align</td><td>Breadcrumb align left, center and right</td><td></td></tr><tr><td>Breadcrumb Color</td><td>Set the color for the Breadcrumb.</td><td></td></tr><tr><td>Breadcrumb Font Size on Desktop, Tablet, Mobile</td><td>Determine the font size of the Breadcrumb on Desktop, Tablet and Mobile separately</td><td></td></tr><tr><td>Breadcrumb Font Weight</td><td>Select the font weight of the Breadcrumb to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.</td><td></td></tr><tr><td>Breadcrumb text transform</td><td>Select the text transform of the Breadcrumb to be either uppercase, lowercase, capitalize, none.</td><td></td></tr></tbody></table>