Image Banner
Last updated
Last updated
To add this section, please follow below steps:
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 "Image Banner".
Layout
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).
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.
Sub Title
Enter the Sub title for the section.
Sub Title Font Size
Determine the font size of the Sub title.
Sub Title Font Size Tablet
Determine the font size of the Sub title on tablet.
Sub Title Font Size Mobile
Determine the font size of the Sub title on Mobile.
Select Font Type
Select the Font Type to be either Font Family #1 or #2. These two font families are specified in the Theme settings > Typography.
Sub Title Font Weight
Select the font weight of the subtitle to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.
Sub Title Letter Spacing
Enter the letter spacing for the title.
Sub Title Color
Set the color for the subtitle.
Sub Title Spacing Bottom
Determine the spacing of the title from bottom.
Sub Title Spacing Bottom Tablet
Determine the spacing of the title
from bottom on Tablet.
Sub Title Spacing Bottom Mobile
Determine the spacing of the title from bottom on Mobile.
Title
Enter the title for the block.
Title Color
Set the color for the title.
Title Font Size
Determine the font size of the title on Dekstop.
Title Font Size Tablet
Determine the font size of the title on Dekstop on Tablet.
Title Font Size Mobile
Determine the font size of the title on Dekstop on Mobile.
Title Spacing Bottom
Determine the spacing of the title from bottom.
Title Spacing Bottom Tablet
Determine the spacing of the title from bottom on Tablet.
Title Spacing Bottom Mobile
Determine the spacing of the title from bottom on Mobile.
Description
Enter the description for the block.
Description Color
Set the color for the Description.
Description Font Size
Determine the font size of the description on Dekstop.
Description Font Size Tablet
Determine the font size of the description on Dekstop on Tablet.
Description Font Size Mobile
Determine the font size of the description on Dekstop on Mobile.
Description Spacing Bottom
Determine the spacing of the description from bottom.
Content: Position
Select the alignment of the title, sub title, description to be either to the Left, Right or Center of the block.
Content: Alignment
Select the alignment of the title, sub title, description to be either to the Left, Right or Center of the block.