Layout

Layout settings

Setting	Description
Header width	Customize the width of the header using the range slider. You can set it to match the page width, make it wider or narrower, or even set it to full width. Simply slide the range between 1000px to 1800px to select the desired header width.
Page width	You can use the range slider to adjust the page width according to your preference. Simply slide the range between 1000px and 1600px to select the desired page width.
Space between template sections	This allows you to create a separation between sections. You can add up to a maximum of 100px of vertical space between sections.

Grid

Setting	Description
Grid:	Affects areas with multiple columns or rows. For Grid layouts, you can utilize the Horizontal Space and Vertical Space range sliders to add space between the content within the grid.
Horizontal space	Adding horizontal space will create a minimum of 4px to a maximum of 40px of space between rows.
Vertical space	Adding vertical space will create a minimum of 4px to a maximum of 40px of space between columns.
Products grid:	Affects area with product cards.
Horizontal space	Adding horizontal space will create a minimum of 4px to a maximum of 40px of space between rows.
Vertical space	Adding vertical space will create a minimum of 4px to a maximum of 60px of space between columns.

Content containers

Containers are the text portion of content sections, for example, the text box on a slideshow, an image banner, or the columns in multicolumn sections. You can customize the appearance of content containers for your online store.

Setting	Description
Corner radius	Use the slider to control the rounding of content containers. You can adjust the radius to achieve the desired level of roundness or squareness, aligning them with your design vision.

Media

Media is the visual component of sections, for example, image in Image with Text section. You can set border settings to your media.

Setting	Description
Corner radius	Use the slider to control the rounding of media. You can adjust the radius to achieve the desired level of roundness or squareness, aligning them with your design vision.

Drawers

Setting	Description
Corner radius	Use the slider to control the rounding of drawers (cart drawer, collection filter: drawer. You can adjust the radius to achieve the desired level of roundness or squareness, aligning them with your design vision.

Dropdowns and pop-ups

Affects areas like navigation dropdowns, pop-up modals, and cart pop-ups.

Setting	Description
Corner radius	Use the slider to control the rounding of dropdowns and pop-ups. You can adjust the radius to achieve the desired level of roundness or squareness, aligning them with your design vision.