# Page title banner

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2Fin5sViz6Q1IFt9VhAElk%2Fproudct-page-title.png?alt=media&#x26;token=daa3b5ca-eec5-41be-9b3b-420708ba02aa" alt=""><figcaption></figcaption></figure>

| Settings                  | Description                                                                                                                                                                                                                                                                                                                                                                                                                        |
| ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Page width**            | <ul><li><strong>Boxed</strong>: With boxed width, page content can be displayed within the maximum width. <strong>The page width can be changed in Theme Settings > Layout.</strong></li><li><strong>Full width:</strong> With the "Full width" option, page content can be displayed in its entirety full-width. <strong>When you show content at full width, you can add padding to the left and right sides.</strong></li></ul> |
| **Background image**      | You can add a background image                                                                                                                                                                                                                                                                                                                                                                                                     |
| **Image overlay opacity** | You can add an overlay on the background image. There is an option to change the opacity of the overlay. The range is 0 to 100%                                                                                                                                                                                                                                                                                                    |

#### SECTION HEADER

| Settings                       | Description                                                                                 |
| ------------------------------ | ------------------------------------------------------------------------------------------- |
| **Show page heading**          | You can show/hide page title                                                                |
| **Heading size**               | You can change the heading font size following the options **Large**, **Medium**, **Small** |
| **Show Breadcrumb Navigation** | You can show/hide breadcrumb navigation                                                     |
| **Text Align**                 | There is an option to change the text-align                                                 |

## Section padding

| Settings                    | Description                                                                                                                          |
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
| **Desktop**: Padding top    | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the desktop.**    |
| **Desktop**: Padding bottom | The section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the desktop.** |
| **Mobile**: Padding top     | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the mobile.**     |
| **Mobile**: Padding bottom  | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the mobile.**     |

## COLORS

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FOYBqMKsaOramk5G4yIuf%2Fcolor-page-title.png?alt=media&#x26;token=f8a845dd-bec1-4f3e-be31-0cf2f3828914" alt=""><figcaption></figcaption></figure>
