The Flex theme includes a super useful Text Columns with icons section combining text, icons, and buttons in up to 8 columns.
Highlight important information that you want your customers to know about your company and is great if you’re looking to feature certain promotions, products, etc.
Add this section to the
Click the Text columns with icons section to open general settings for the section.
Icons per row
Use the Icons per row setting to control how many icons/columns per row to include in this section. Choose between 1 - 8.
You can choose the size of the icons with the Icon size setting. The options to choose from are Small, Medium, and Large.
Select an option from Alignment of your icons, text, and buttons. Choose from Left, Center, or Right.
Within each column, you have the option to add a button. With the Button style setting, you can choose between your Primary, Secondary, and Link button styles.
You can choose specific Colors for the Icons, Text, and Background with the color selectors.
Add a Gradient to the background of the section by selecting a Gradient color then adjusting the Gradient rotation between 0 degrees - 180 degrees.
The layout settings include options to adjust the spacing and width in this section, and enable animation for when the Text Columns with Icons section loads in.
The width can either be set to Standard or Wide. Selecting Wide will spread out the full width of the screen. Selecting Standard will keep the section in a container and not spread the full width.
You can choose to add space (padding) above and below the section by adjusting the Top spacing and Bottom spacing settings.
The Animation setting will determine how the feature appears as it loads. The options for animation are None, Fade in, Fade in down, Fade in left, Fade in right, Slide in left, Slide in right, and Zoom.
Add Custom CSS to the feature for further tweaking. You can even create your own CSS class here, as well. Check out this article for more information: Flex Guide: Custom CSS Feature
Content Block Settings
Click one of the Icon with text blocks to customize its settings.
For each column, you can add an icon that will appear at the top. There are two 'styles' of icons you can choose from: Outline and Solid.
In order to add a heading to the top of each column, you can fill in the Heading field. In order to add text to your column, you can fill in the Text field.
If you'd like to add a button to the bottom of your column, you can enter the text for it in the Button label field, and add the URL in the 'link' field. The link can be internal or external.