How to Add List Icon

Instructions in order from top to bottom:

Click on the Text in the Icon List -&gt; Click on Edit text -&gt; Edit similar to editing the <a target="_blank" href="https://temp3.io/text-how-to-use">Text</a> component.

How to configure text in List Icon

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

Click on the leading Icon to open the settings.

How to configure icon in List Icon

How to configure List Icon

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

<ul><li style="--fontSizeDesktop: 16px" class="fs-desktop">Customize icon: Choose icon, change color, configure size</li><li style="--fontSizeDesktop: 16px" class="fs-desktop">Align left/center/right</li><li style="--fontSizeDesktop: 16px" class="fs-desktop">Configure Background/Border/Shadow colors for Icon</li><li style="--fontSizeDesktop: 16px" class="fs-desktop">Add link: Configure Open page within website, Open link, Scroll within page, Email, Phone number</li><li style="--fontSizeDesktop: 16px" class="fs-desktop">Effects Settings &amp; Advanced Settings</li><li style="--fontSizeDesktop: 16px" class="fs-desktop">Duplicate</li><li style="--fontSizeDesktop: 16px" class="fs-desktop">Delete</li></ul>

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

name

phone

address

note

ORDER_POPUP

<script async src="https://www.googletagmanager.com/gtag/js?id=G-WLR7CTG9WS"></script>
<script>
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('js', new Date());

 gtag('config', 'G-WLR7CTG9WS');
</script>

Domain is considered the name of your online "home". Domain is an important factor so others can remember and access your site. This article will simply guide you how to point your domain to Tempi.

お問い合わせ

もっと見る