Image with text

To add this section, please follow the 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 "Image with text".

Setting	Description
Allow transparent header	Enable/disable checkbox (This setting only applies when this section is the first one on the homepage.)
Section width	Select the section width from the dropdown menu: Full width Page width Custom width
Custom width	Determines the width of the section when you choose "Custom width" option at 'Section width' setting . Can be from 1000px to 1800px, increasing arithmetically of 50px (pixel).
Heading	Add text to display as a block heading. (Leave the field blank to hide the heading)
Title size	Font size of text: Small Medium Large Extra large

Media

Setting	Description
Image	Set up an image
Image height	Select the image height for the section: Adapt to image Small Medium Large
Desktop image width	Select the desktop image width for the section: Small Medium Large X-Large 841px Customize width (Image is automatically optimized for mobile.)
Customize image width	Determines the Customize image width of the section. Can be from 30% to 80%, increasing arithmetically of 1%.
Desktop image placement	Select the desktop media position for the section: Image first Image second (Image first is the default mobile layout.)

Content

Setting	Description
Set no padding for the content.	Enable/disable checkbox
Desktop content position	Set vertical alignment for content inside section containers: Top Middle Bottom (Position is automatically optimized for mobile.)
Desktop content alignment	Set horizontal alignment for content inside section containers: Left Center Right
Content layout	Select the content layout for the section: No overlap Overlap
Horizontal space	Determines the grid spacing between horizontal of section. Can be from 0px to 50px, increasing arithmetically of 1px (pixel). (Only use for option 'No overlap')
Vertical space	Determines the grid spacing between vertical of section. Can be from 0px to 50px, increasing arithmetically of 1px (pixel). (Only use for option 'No overlap')

Color

Setting	Description
Color scheme	Set the text color and background color for the section.
Container color scheme	Set the text color and background color for the container.

Animations

Setting	Description
Image behavior	Select the images effect: None Ambient movement Parallax on scroll

Mobile layout

Setting	Description
Mobile content alignment	Set horizontal alignment for content inside section containers: Left Center Right

Section padding

Setting	Description
Top padding	Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Bottom padding	Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

---

Caption Block

Setting	Description
Text	Add text to display as a block text. (Leave the field blank to hide the text)
Text style	Select the text style for the block: Subtitle Uppercase
Text size	Font size of text: Small Medium Large
Caption style	Select the caption style for the section: Default Fill color
Caption background color	Set the background color for this block.
Caption color	Set the text color for this block.

---

Heading Block

Setting	Description
Heading	Add text to display as a block heading. (Leave the field blank to hide the heading)
Heading size	Font size of text: Small Medium Large Extra large Double extra
Typography for heading	Select the Font Style from Font Heading or Font body. These two font families are specified in the Theme settings > Typography
Highlighted text	Add text to display as a block highlighted text. (Leave the field blank to hide the hightlighted text)
Highlighted text color	Set the color for the highlighted text

Section margin

Setting	Description
Top margin	Determines the height of the top outside space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Bottom margin	Determines the height of the bottom outside space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

---

Text Block

Setting	Description
Content	Add text to display as a custom content to describe this block. (Leave the field blank to hide the content)
Text style	Select the text style for the block: Body Subtitle Descride Large X-Large
Typography for text	Select the Font Style from Font Heading or Font body. These two font families are specified in the Theme settings > Typography

---

Button Block

Setting	Description
Button style	Select the button style for the block: Default No border radius + large
Button label	Add text to display as a button label. (Leave the label blank to hide the button.)
Button link	Set the link of the button, for example the customer service page.
Typography for text	Select the typography for text for the block: Font heading Font body
Use outline button style	Enable/disable checkbox
Use a full-width button style	Enable/disable checkbox