list group with Elementor

How to create a list group with Elementor

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.

List Group

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.

List Group

Click any of the items to edit them. You can select the title type, add the title and icon from here.

list group with Elementor

Step 2

Move on to the Style tab to style up the list group section where different style options are available.

list group with Elementor

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 with Elementor

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.

list group with Elementor

Title

Add title typography, background color, title color, and padding for both normal and hover conditions.

list group with Elementor

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.

list group with Elementor

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.

Wrapping Up

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

Add creative business hours with Elementor to your website without coding

WooCommerce Product Carousel: Create an attractive product carousel for your online shop without coding

We hope this article will help you. If you like this article, please like our Facebook page and subscribe to our Youtube channel.

Leave a Reply

Your email address will not be published. Required fields are marked *