User Guide

Text columns with icons

by Admin on Apr 11, 2024

This section allows you to display text with images in columns.

Text columns with images Heading Enter the heading of the section.
Heading size Adjust the size of the heading (range from 50-200%).
Secondary background Adjust the background color of the columns in the section (None, Column Background, Section Background).
None - The section and column background is the background color in theme settings.
Column Background - The column background is the accent color in theme settings.
Section Background - The section and column background is the accent color in theme settings. 
Column content alignment Adjust the alignment of the text in the columns (Left, Center, Right).
Make section full width Tick the checkbox to set the multicolumn section’s width to be the same as full width of users’ devices.
Disable it to set the map section’s width to be the same as the page width set in the theme setting.
Show section divider Tick the checkbox to show a divider divides this section with the section above.
Column layout on desktop Adjust the number of columns displayed in the desktops devices (1 to 4 columns).
Mobile layout Column layout on mobile Adjust the number of columns (1 or 2 columns) displayed in the mobile devices.
Section padding Top padding Adjust the padding on top of the banner (range from 0 to 100 px).
Bottom padding Adjust the padding at the bottom of the banner (range from 0 to 100 px).

Column

Configure each column.

Image Click the Select image button to select an image from your library or free image resources.
Heading Enter the heading of the column.
Heading size Adjust the size of the heading (range from 50-200%).
Text Enter the content of the column.
Button label Enter the label of the button. If left empty, the button will be hidden.
Button link Enter the link the users will be redirected to when they click the button.
Show as primary button Tick the checkbox to set the button's styles to be the same as the style of the primary buttons.
Otherwise, it will follow the outline button's style.