Articles on: Components & Elements

Icon with Text

Getting Started



You can add an icon and text to your website for various purposes. This article will cover how you can add and edit the Icon + Text element in your website.


Adding the Icon + Text element to your website



Follow the steps below to add an Icon + Text to your site.

- Click on Add Element in an empty row and section
- From the General Elements section, select Icon + Text


**Refer to the GIF below:**





Icon with Text element after it is added


Editing the Icon + Text element



Follow the steps and instructions below to add and edit an Icon + Text on your site.

The Icon with Text element editor has the following options:

- Icon Content
- Icon Alignment
- Background

The Icon with Text element editor:




Icon Content



This option lets you make various changes to the text and icon in your element, from changing the text color, text, size, etc. also choosing and customizing the icon.

Refer to the GIFs below to see the demonstration:







Icon Alignment



This option lets you set the alignment of the icon+text element from vertical, horizontal, etc.

Refer to the GIFs below to see the demonstration:




Background



This option lets you set a background to the element, it can be plain color or a gradient.

Refer to the GIFs below to see the demonstration:





Related articles



Icon

Social Icons element

Updated on: 05/03/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!