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!