TABLE OF CONTENTS

• I. Section General Settings
• II. SVG + Content

Modify the Icon List

I. Section General Settings

Tick to enable

• Boxed layout
• Show Border
• Show Arrows

- Visibility: choose an option 

• Show all
• Hide on Mobile
• Hide on Desktop

- Section margin: set the margin for this whole section following the order: Top Right Bottom Left (Eg: 20px 30px 50px 30px). As always, if you want to set the different section margins for Desktop, Mobile, and Tablet, you just need to add a comma between values. For example, 20px 30px 50px 30px, 10px 30px 50px 20px, 20px 40px 30px 40px - Mobile, Tablet, Desktop (After a comma, the margin will be set for another device)

- Section padding: add values with the same format with the margin

MAIN SETTINGS

- Max number of item per row: insert the number to limit how many icons you want to display (Eg: 1,3 - Mobile, Desktop respectively)

- Adjust item heading font size: insert the number in pixel unit to adjust the font size (Eg: 40px)

- Spacing: add values in pixel to adjust spacing between items (Eg: 20px, 40px - Mobile, Desktop respectively)

>>> Demo Clip

II. SVG + Content

Click on "Add SVG + Content" to create more icons. Each block will only add one icon, you need to add more blocks if you want to display many icons

- Heading: insert text to give the icon a name 

- Icon type: choose a type to display the content (SVG/ Image)

- SVG code: paste the svg code into the box if you choose to display icon in svg

- Image Icon: or upload your own favourite image to display

- Image max width: this is only for adjusting the image