> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/ella-documentation/~/changes/ya8CSeFxwPyu94dBt1WL/sections/all-sections-in-theme/custom-press-banner.md).
# Custom Press Banner
To add this section, please follow below 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 "**Custom Press Banner**".
## Section settings
### General
| Settings | Meaning |
| ------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Layout | Select the layout width of the whole section. The options are: Default (same as the body width), 1170px, 1770px, Full Width (the 100% of the viewport width). |
| Padding Container Full Width | Determine the left and right spacing of the Full Width layout. |
| Background Image | Select/Upload an image as the section background. |
| Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile | Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately. |
###
### Section
| Settings | Meaning |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
| Align Items | Select the vertical alignment of the text content to be either Top, Center or Bottom of the section. |
| Press Image | Upload an image as a press cover, or any multi-purpose image. |
| Section Left Width | Determine the width of the left side of the section. |
| Banner Image Width | Determine the width of the image on the left side. |
| Sub Title | Enter the subtitle for the section. |
| Sub Title Letter Spacing | Enter the letter spacing for the subtitle. |
| Sub Title Font Size | Specify the font size for the subtitle. |
| Sub Title Font Size Mobile | Specify the font size for the subtitle on Mobile. |
| Sub Title Spacing Bottom | Determine the bottom spacing of the subtitle. |
| Sub Title Font Weight | Select the font weight of the subtitle to be either Normal, Medium, SemiBold, Bold, Bolder or Black. |
| Sub Title Position | Select the position of the subtitle to be either above or under the title. |
| Sub Title Color | Apply color on the subtitle text. |
| Title | Fill in the title for the section. |
| Font Size | Specify the font size of the title. |
| Font Size Mobile | Specify the font size of the title on Mobile. |
| Font Weight | Select the font weight of the title to be either Normal, Medium, SemiBold, Bold, Bolder or Black. |
| Spacing Bottom | Determine the bottom spacing of the title. |
| Text Color | Apply color on the title text. |
| Description | Enter the description text. |
| Font Size | Determine the font size of the description. |
| Font Size Mobile | Determine the font size of the description on Mobile. |
| Font Size Mobile | Select the font weight of the description to be either Normal, Medium, SemiBold, Bold, Bolder or Black. |
| Spacing Bottom | Specify the spacing of the description from the bottom. |
| Text Color | Apply color on the description text. |
| Gap Between Image And Content | Set the gap between the image on the left and content on the right. |
| Content: Max Width | Set the maximum width of the text content including title, subtitle, description. |
| Button | Fill in the text for the button. |
| Link | Specify the link for the button to redirect to. |
| Button Font Size | Determine the font size of the button. |
| Button Width | Determine the width of the button. |
| Color - Border Color - Background Color - Background Gradient - Hover / Active Color - Hover / Active Border Color - Hover / Active Background Color - Hover / Active Background Gradient | Apply colors on the button text, background and border for both normal and hovered/clicked states. |
| Button Text Transform | Select the text transform style for the button text to be either Normal, Uppercase, Lowercase or Capitalize. |
| Background Color | Apply Color on the background of the section. |
| Background Gradient | Apply Color on the background gradient of the section. |
