Do you want to create a list group with Elementor on your website? List group will enable you to create a stylish and super customizable list item on your website that can easily attract audiences.
Creating a list widget with Elementor is a very easy task if you have the right solutions. Solutions like Absolute Addons will enable you to add a beautiful list group to your website. You can add icons, images, numbers anything you need to your list items.
Create a list group with Elementor
Install and activate the Absolute Addons plugin and then open up a page with Elementor editor where you want to add the list group.
To use the List Group widget, at first create a section by clicking on the “+” icon on Elementor and then from the block section of the left bar search for List Group. Drag the List Group block and drop it into your created section.
After adding the block, under the Content tab from the Template menu you can select the List Group styles. There are fourteen styles available. Choose your selected style by clicking on the number.
You can see all the styles from here.
After selecting the style go to the Content menu where by default 4 items are available. You can delete an item by clicking on the “X” icon and copying an item using the copy icon. Click on the Add Item button to add a new item.
Click any of the items to edit them. You can select the title type, add the title and icon from here.
Move on to the Style tab to style up the list group section where different style options are available.
List Group Style
Add list group width, background color as classic or gradient from this menu. You can also add box-shadow, border type, border width, radius, and padding.
List Group Item
Style the list group item for normal and hover conditions. Add item width, background color as classic or gradient from this menu. You can also add box-shadow, border type, border width, radius, and padding for both conditions.
Add title typography, background color, title color, and padding for both normal and hover conditions.
List Icon & Group Icon
Set the list-icon width and height from here. You can also set the background color, icon color, border radius, and margin too for both normal and hover conditions.
Similarly, you can add style for group icons in normal and hover conditions.
Great! Your list group section is fully ready to use. You can customize it as you want. The widget is super flexible and user-friendly.
Following the process, you will be able to create a list group with Elementor on your WordPress website. You can see our other articles to learn to Create a stunning skill bar with Elementor for your website