Articles on: Components & Elements

Icon with Text

Getting Started



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


Adding the Icon & Text element to your website



To add an Icon & Text to your website, follow the steps below.

- Click on + Add Element or Containers in an empty Container
- From the Elements option, select the Icon & Text element

Refer to the GIF below:








Icon & 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 & Text element editor has the following options:

- Icon Content
- Icon Alignment
- Background

The Icon & 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 allows you to adjust the position and alignment of the icon and text elements.

Refer to the GIFs below to see the demonstration:




Background



This option enables you to set a background for the element, and it also provides the hover effect option. The background can be a plain color or a gradient.

Refer to the GIFs below to see the demonstration:





Related articles




Accordion

Icon

Updated on: 05/06/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!