Skip to main content

: HTML

  • Updated

How to find these settings...

  1. Online Store
  2. Customize (Theme Editor)
  3. Add section
  4. Custom HTML

This section provides the ability to add raw code for customizing, adding apps or embedding code

 

Recommended reading

In this section...

 

Options

Full width

By default your code will be contained within a container with a max-width of 1180px and side padding. When 'Full Width' is enabled, your code will occupy 100% of the screen width and have no side padding.

 

Custom HTML

Add the raw HTML

 

Section

Lazy load images *

Disable for "above the fold" images.  Enable for any image that is not visible on the initial page load

 

Background color

Choose a custom color for the background

 

Background gradient

Choose a custom gradient for the background

 

MOBILE

 

Top padding

Add padding to the top of the section on screens less than 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px

 

Bottom padding

Add padding to the bottom of the section on screens less than 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px

 

Bottom margin

Add a margin to the bottom of the section on screens less than 768px wide. Margins are applied to the outside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px

 

DESKTOP

 

Top padding

Add padding to the top of the section on screens larger than 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px

 

Bottom padding

Add padding to the bottom of the section on screens larger than 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px

 

Bottom margin

Add a margin to the bottom of the section on screens larger than 768px wide. Margins are applied to the outside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px

 

Add a bottom border

A 1px border will be added between the 'Bottom padding' and the 'Bottom margin'

 

* May not be available in all Sections

 

* NOTE: May not be available on all sections, blocks or templates