Icon With Text
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 comes with 4 tabs: General, Layout, Icon and Button.
In the general tab, you can adjust Section subheading, Section heading and Section description for the section by entering content on the fields.
In the icon tab, you can select the position for the icon which is top or left of the text item.
In the Layout tab, the section has 2 options to show: Enable carousel on mobile and Show navigation on mobile.
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.
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.