Icon With Text

About Icon With Text SectionClick to copy 2222

In web design, the use of icons alongside text has become a popular way to enhance content and improve user experience. By combining icons and text, you can effectively convey information, guide users, and make your content more visually appealing.

In this article, we will explore the Icon with text section in Electro theme and how to configure each element inside it.

Icon With Text Section ConfigurationClick to copy 2222

Icon with text section comes with 4 tabs: General, Layout, Icon and Button.

GeneralClick to copy 2222

In the general tab, you can adjust Section subheading, Section heading and ​​Section description for the section by entering content on the fields.

IconClick to copy 2222

In the icon tab, you can select the position for the icon which is top or left of the text item.

LayoutClick to copy 2222

In the Layout tab, the section has 2 options to show: Enable carousel on mobile and Show navigation on mobile.

ButtonClick to copy 2222

In the Buttons tab, insert the button label name for the button to add a button on the section. Click on the button link to add a direct link for it. If you want to remove one button, just delete the text in the button label.

Note: If the Link field is empty, the button will show in its disabled state.

Icon With Text Item ConfigurationClick to copy 2222

To add a new item to the section, click on Add Icon with text item.

To adjust each Icon With Text item in the section, click on the item. You can select an icon from the Icon list for each item individually.

To adjust for the Block text, click on the block and go to the Settings.

You can change the icon for each Icon With Text item with the icon library or custom your own icon by uploading it as image or SVG:

  • Theme library:

  • Custom image:

  • Custom SVG:

You can adjust the content by entering heading and description here:

If you want to remove the Text part, simply remove the content in the text box.

Navigate this category