How to find these settings...
- Online Store
- Customize (Theme Editor)
- Add section
- Logo list
The Logo List can feature logos to help you highlight:
- Brands
- Vendors
- Sponsors
- Certifications
In this section...
Banner
Heading
Title of the section or page, either default or custom
Use h1 tag
For SEO purposes, set the 'Heading' to use an h1 tag. NOTE: This should only be used once per page
Heading size
Set the heading size with the slider. 12px is the minimum, and it steps up by 6 to a maximum of 96px
Subheading
Secondary title of the section or feature
Subheading size
Set the subheading size with the slider. 12px is the minimum, and it steps up by 6 to a maximum of 96px
Text color
Choose a custom color for the text
Text alignment
Text can be aligned to the left, right or centered to the container
Options
Logos per row
Select how many logos to display per row from 3-5. 3 is the minimum, and the slider steps up by 1 to a maximum of 5
Vertical centering
If the logos differ in height, centering them vertically will help present a cleaner list
Use slider for logos
Enable a slider for the logos. If left disabled, the logos will remain in a grid
Slide navigation color
Choose a custom color for the slider navigation arrows
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
Logo Content Blocks
Access content blocks using black arrow next 'Logo list'
Image
When possible, it is always best practice to use an SVG or PNG file for your logos. JPEG may reduce file size, but they will also reduce clarity and you want your brand looking sharp.
It is recommended to use an image width double the 'Max logo width' setting to keep your logos sharp.
Link
Add a link to the logo
Open this link in a new window
Instead of opening the link in the same window, open in a new window
Max logo width
The slider provides a minimum of 40px wide to a max of 220px with 10px steps in between
* NOTE: May not be available on all sections, blocks or templates