How to Edit Electro Icon With Text
About Electro Icon With Text Section
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.
Overview
| 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 Text
From any page, please click on ‘Add Section’ on the left side bar, then choose ‘Icon With Text’
Configure Electro Icon With Text Section
Electro Icon with text section comes with 4 tabs: General, Layout, Icon and Button.
Edit General
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 Icon
In the icon tab, you can select the position for the icon which is top or left of the text item.
Edit Layout
In the Layout tab, the section has 2 options to show: Enable carousel on mobile and Show navigation on mobile.
Edit Button
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 Item
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 Questions
Similarity between Electro Icon With Text and Electro Logo List in Electro Theme?
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?
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?
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.