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 "Counter Positions Image Banner".
Last updated
| Settings | Meaning |
|---|---|
| Settings | Meaning |
|---|---|
| Settings | Meaning |
|---|---|
| Settings | Meaning |
|---|---|
Section Width
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.
Image Behavior
Select animation for images
Select Image
Select/Upload image for the "Content 1 & 2".
Image Text
Enter in the text for the "Content 1 & 2".
Image Text Font Size
Specify the font size of the text on tablet and desktop.
Image Text Font Size on Mobile
Specify the font size of the text on mobile.
Image Text Font Weight
Select the font weight of the text
Image Text Color
Apply a color to the text.
Heading
Enter in the heading for the "Content 1 & 2".
Heading Color
Apply a color to the heading for the "Content 1 & 2".
Heading Letter Spacing
Enter the letter spacing for the heading.
Heading Line Height
Determine the line height of the heading text.
Heading Font Size
Specify the font size of the heading on tablet and desktop.
Heading Font Size Mobile
Specify the font size of the heading on mobile.
Title Margin Top
Determine the spacing of the title from top.
Title Margin Bottom Mobile
Determine the spacing of the title from bottom on Mobile.
Title Font Weight
Select the font weight of the "Title"
Description
Enter the description text for the image block.
Font Size
Determine the font size of the description text on tablet and desktop.
Font Size Mobile
Determine the font size of the description text on mobile.
Font Weight
Select the font weight of the description text
Spacing Bottom
Determine the spacing of the description text from bottom.
Text Color
Apply a color to the description text for the "Content 1 & 2".
Content Max Width
Determine the maximum width of the content.
Button
Enter the text for the button.
Show Button Text Underline
Show Button Text Underline when hover
Link
Enter URL 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
Set the text color, background and border color for both the normal and hover states of the buttons.
Button Text Transform
Transform the text of the button to be either normal, uppercase, lowercase or capitalize.
Button Font Weight
Select the font weight of the button.
Button Spacing Bottom
Determine the spacing of the button from bottom.
Block 2 Spacing Right
Determine the spacing of the block 2 from right.
Desktop
Determines the spacing of the section from its top sections on Desktop.
Tablet
Determines the spacing of the section from its top sections on Tablet.
Mobile
Determines the spacing of the section from its top sections on Mobile.
Desktop
Determines the spacing of the section from its bottom sections on Desktop.
Tablet
Determines the spacing of the section from its bottom sections on Tablet.
Mobile
Determines the spacing of the section from its bottom sections on Mobile.
