Displays texts and icons in multiple rows and columns.
Section settings
Description | Setting |
Heading | The title of the section. Click the dynamic source button to insert a dynamic source as the title of the section. |
Subheading | The subtitle of the section. Click the dynamic source button to insert a dynamic source as the title of the section. |
Heading size | Change the size of the heading and subheading. Choose between small, medium, or large. |
Icon width | Adjust the width of the icon on desktop and table. |
Text position | Adjust the position of the text relative to the icon. Choose between Left, Right, Bottom. |
Number of columns on desktop | Set a specific column layout on screens wider than 989 pixels. Choose between 1 and 2 columns. Minimum: 1. Maximum: 5. |
Number of columns on tablet | Set a specific column layout on a widescreen between 751 pixels and 989 pixels. |
Automatically expand the last columns to fill the remaining space |
If the last row does not have enough items, all items in this row will be adjusted the width to fit the row automatically. On mobile, this feature only works when the swipe is turned off. |
Column alignment | Align the content in a column. |
Highlight icon | Set the highlight color for icons. In a color scheme, the highlight color is the background color of buttons. |
Color scheme | A set of colors that you can apply to this section. Learn more about color schemes. |
BORDER ICON | |
Border width | Adjust the width of the border. |
Border opacity | Adjust the opacity of the border. |
Border spacing | Adjust the distance of border and icon. Only works when border opacity is set larger than zero or the background blur is turned on. |
Highlight border | Use the highlight color for border. In a color scheme, the highlight color is the background color of button. |
Border shape | Set the shape of the border. Square or circle. |
Display blur background | Show the blurred background of the icon. Only works when border spacing is set larger than zero. |
MOBILE LAYOUT | |
Number of columns on mobile |
Set a specific column layout on screens less than 750 pixels wide. Choose between 1 and 2 columns. If the text position is set to "Left" or "Right", mobile will always show in 1 column. |
Icon width | Adjust the width of the icon on mobile. |
Border spacing | Adjust the distance of border and icon. Only works when border opacity is set larger than zero or the background blur is turned on. |
Enable swipe on mobile | Changes the mobile displays from a column to a row, where customers can swipe sideways to see more icons and texts. |
Section padding | Add spacing to the top or bottom of the featured collection section. Use the range slider to add between 0px and 100px of space above or below the featured collection section. |
Section blocks
Description | Setting |
Icon | Pick an icon. |
Custom icon | Upload your custom image to display it as a custom icon. |
Heading | Add the heading text. |
Subheading | Add the subheading text. |
Link | Pick a link. |
Comments
0 comments
Article is closed for comments.