Icon With Text
Contents
Icon With Text section follows settings of the Hero Image with Text section, which contains setup for Content, Button and Prominent Badge.
To add a new item to the section, click on Add Icon with text item.
You can select the Main accent or Extra accent for the Icon Accent Scheme.
In the Layout tab, click on the Content Alignment dropdown menu to select the align type: Left, Center or Diagonal. By default, the left type will be selected.
-
Left:
-
Center
-
Diagonal
The Enable Carousel On Mobile and Show Navigation On Mobile options can be selected or deselected based on your choice. By default, these options will be selected.
Icon Item
To adjust each Icon With Text item in the section, click on the item. You can choose to use the Theme Library icons, add your Custom images, or use code to add Custom SVG files.
If you choose the Theme Library, you will need to choose from the dropdown list. Check the icon lists can be used on Blum theme here.
If you choose to add Custom images, click Select Image to access the Shopify Store Library of images.
If you choose to add Custom SVG, you will need to copy the SVG file code and paste it in this placeholder. Please note that after upload, the SVG icon size will automatically take the default icon size in this section, which is 36px for small screen and 56px for large screen.
Heading Item
Click on the Heading and Description placeholder to add content for each Icon with Text item. To remove the heading or description, simply delete the content in the placeholder.
