Icon with text settings
Setting | Description |
Heading | To add a main section heading, simply enter the text in the provided field. The field's top menu offers options to customize the text, including bold, italic, or adding a hyperlink. |
Heading size | The heading size setting offers three options to control the size of the section heading:
|
Description | This field is for adding a description to the section. In the top menu of the field, you can find options to customize the text. Furthermore, you can click the dynamic source button to insert a dynamic source for the description. |
Description size | There are three options to control the size of your description:
|
Button label | Decide whether the section includes a button:
|
Button link | Add a URL or page link for the button, directing customers to a specific destination. |
Button style | Choose the button’s appearance:
|
Heading alignment | Align the heading, heading with description, or heading, description, and button according to your design preferences:
|
Icon width | This option lets you adjust the icon width using a slider. As you change the width, the icon will resize proportionally. |
Number of columns on desktop | The “Number of Columns on Desktop” setting allows you to specify the number of columns to be displayed on larger screens, including tablets. You can choose from 1 to 6 columns. |
Color scheme | Apply Color Scheme:
|
Mobile layout
Setting | Description |
Number of columns on mobile | Choose how columns are displayed on mobile devices:
|
Section padding
Setting | Description |
Top padding | The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider. |
Bottom padding | The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section. |
Top padding mobile | The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider. |
Bottom padding mobile | The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices. |