How to Edit Electro Icon With Text

About Electro Icon With Text SectionClick to copy 2222

In web design, using 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 Electro Icon with text section, and how to configure each element.

OverviewClick to copy 2222

Type of file extension available for icons? JPG, PNG, SVG
Number of items could I add to one Icon with Text Section? Unlimited
How many Icon with Text Items could I add to one row? 4
Recommended icon ratio? Square (1:1)

Access Electro Icon with TextClick to copy 2222

From any page, please click on ‘Add Section’ on the left side bar, then choose ‘Icon With Text’

Configure Electro Icon With Text SectionClick to copy 2222

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

Edit GeneralClick to copy 2222

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

Edit 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.

Edit LayoutClick to copy 2222

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

Edit 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.

Configure Icon With Text ItemClick 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.

Frequently Asked QuestionsClick to copy 2222

Similarity between Electro Icon With Text and Electro Logo List in Electro Theme?Click to copy 2222

You could add images and links to both of these functions. With Icon with Text Item, you can embed hyperlinks within available text. For Logo type, you can add the link directly to the logo image.

Difference between Electro Icon With Text and Electro Logo List?Click to copy 2222

You can add a small number of text to the Icon with Text Item, with a choice of number of ‘items per row on mobile’ is only available for the Logo section.

How many types of icons are available in the theme library?Click to copy 2222

Six, including: Function, Tech, Shop, Shipping, Communication and Social Media. Besides these defaulted icons, you’re welcome to add customized icons under ‘Custom image’ and ‘Custom SVG’ when configuring Icon with text item.

Navigate this category