Icon With Text
About Shine Theme Icon With Text Section![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
The Shine Theme Icon With Text section showcases your product features with icons and text to feature information, guide users, and make your content more visually appealing.
Access Shine Theme Icon With Text![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
From any page in the Shine Admin Dashboard, click on the Add section button > Search for Icon With Text > Click on it to add the Icon With Text section to your page.
Shine Theme Icon With Text Configuration![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
To configure the Icon With Text section, click on the section to access the configuration settings.
General![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
Under the Color Scheme, you can choose a specific scheme for the Icon With Text section. To modify or add a new color scheme, go to Theme Settings > Color.
You can also apply content for the Section subheading, Section heading, and Section description. If you want to hide the message, leave the placeholder empty.
To adjust the Heading size, there are four options:
- H2
- H3
- H4
- H5
Icon With Text Block![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
On the Block alignment option, you can switch between Left and Center.
You can also change the Icon size from 32px, 48px to 64px.
To enable the Item background, click on the checkbox. Click on the color picker to adjust the color for the Background and the Content.
Large screen![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
On the Large screen option, you can select the position to display the heading of the section:
- Top left
- Top center
- Inline
You can also choose between 3, 4, and 5 items to set up the Columns per row.
Mobile screen![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
On a mobile screen, you can change the Section heading alignment between the Center and Left.
You can also choose to display the List style:
- Grid
- Carousel
Spacing![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
You can choose to customize the outer spacing top/bottom of the Icon With Text section.
- Remove outer spacing top
- Remove outer spacing bottom
Button![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
In the Button option, insert the button label name to add buttons to the section. Click on the button link to add a direct link for them. If you want to remove one button, just delete the text in the button label.
For further customization, there are three styles for the button:
- Filled
- Outlined
- Text link
Shine Theme Icon With Text Blocks Configuration![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
The Icon With Text section has one block type which is the Item heading. To add blocks to the Icon With Text, click the Add Icon with text item button.
To modify an existing block, click on it to open the settings modal.
Item Heading![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
Icon![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
You can change the icon for each item from:
- Theme library
- Image
- Custom SVG
Text![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
You can apply the content for the Heading and Description. Leave the text box empty if you want to hide it.