Detailed instructions on how to use List Icon in the Website/Landing Page drag-and-drop.

How to Add List Icon

At the position where you want to add list icon, drag the Icon List into the existing layout. When the position displays in green (image), it means you can place the component in that position.

How to configure icon in List Icon

Click on the leading Icon to open the settings.

Instructions in order from top to bottom:

  • Customize icon: Choose icon, change color, configure size

  • Align left/center/right

  • Configure Background/Border/Shadow colors for Icon

  • Add link: Configure Open page within website, Open link, Scroll within page, Email, Phone number

  • Effects Settings & Advanced Settings

  • Duplicate

  • Delete

How to configure text in List Icon

Click on the Text in the Icon List -> Click on Edit text -> Edit similar to editing the Text component.

How to configure List Icon

Click anywhere on the Icon List to open the Icon List settings bar.

logo temp3 website

Temp3 is a powerful support tool that helps you quickly and easily build an innovative and effective Web3 solution / Blockchain profile page without coding.

Contact us

Explore more

Discord

Discord