Overview
The Icon boxes Section is very useful since it provides lots of information. It contains not only an icon but also a title and a description so that it is very intuitive and descriptive.
Section settings
| Setting |
Description |
| Section width |
Set the width of the section using the drop-down menu:
|
| Show top outline |
Displays the top outline of the section. |
| Show bottom outline |
Displays the bottom outline of the section. |
| Color scheme |
Set the color scheme of the section using the drop-down menu:
- Background
- Primary
- Secondary
- Tertiary
- Custom
|
| Background color |
Set the background of the section,visible when the Color scheme setting is set to Custom. |
| Text color |
Set the text of the section,visible when the Color scheme setting is set to Custom. |
| SECTION HEADER |
|
| Heading |
The heading of the section. |
| Header alignment |
Choose the alignment of the section heading. Options are Left and Center. |
| Heading size |
Set the height of heading using the drop-down menu:
|
| GRID |
|
| Number of columns on desktop |
Number of columns to display on desktop computers. Minimum: 2. Maximum: 6. |
| Number of columns on mobile |
Set a specific column layout for mobile devices When Layout mobile is stacked. Choose between 1 and 2 columns. Visible when the Layout setting is set to Grid. |
| CARD |
|
| Image position |
Set the icon position, choose between Top and Left. |
| Image width |
Set the width of the image. Defaults to 80px. |
Icon box block
| Setting |
Description |
| Image |
The image that you want to display. |
| Edit alt text |
Add a brief image description to improve SEO and to describe the image for customers using screen readers. |
| Heading |
The heading for the block |
| Content |
The description for the block |