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
Section Settings
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.
Icon size
You can choose the size of the icons with the Icon size setting. The options to choose from are Small, Medium, and Large.
Alignment
Select an option from Alignment of your icons, text, and buttons. Choose from Left, Center, or Right.
Button style
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.
Colors
You can choose specific Colors for the Icons, Text, and Background with the color selectors.
Gradient
Add a Gradient to the background of the section by selecting a Gradient color then adjusting the Gradient rotation between 0 degrees - 180 degrees.
Layout
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.
Width
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.
Spacing
You can choose to add space (padding) above and below the section by adjusting the Top spacing and Bottom spacing settings.
Animation
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.
Custom CSS
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.
Icon
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.
Heading/Text
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.
Button label/Link
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.