Custom Press Banner
To add this section, please follow below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
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. |
Last updated