---
title: "How to Add Read More Button to Elementor Icon List?"
url: https://theplusaddons.com/docs/add-read-more-button-to-elementor-icon-list/
date: 2024-03-30
modified: 2026-04-09
author: "Aditya Sharma"
description: "Are you looking to add a read more button to an Elementor icon list? Adding a read more button allows you to show a limited number of items initially and..."
image: https://theplusaddons.com/wp-content/uploads/2024/03/How-to-Add-Read-More-Button-to-Elementor-Icon-List_-1024x536.jpg
word_count: 251
---

# How to Add Read More Button to Elementor Icon List?

## Key Takeaways

- Style Lists widget from The Plus Addons for Elementor allows users to add a read more toggle button to an icon list.
- Users can set the number of initially visible items in the List Open Default field when using the Style Lists widget.
- The Read More Toggle feature enables visitors to expand and collapse additional items in the Elementor icon list.

Are you looking to add a read more button to an Elementor icon list? Adding a read more button allows you to show a limited number of items initially and visitors can click on the button to see all the items. This is a very useful feature especially if you have a long list of items.

With the Style Lists widget from The Plus Addons for Elementor, you can easily add a read more toggle button to limit the Elementor icon list.

*To check the complete feature overview documentation of The Plus Addons for Elementor Style Lists widget, [click here.](https://theplusaddons.com/docs//style-lists-widget-settings-overview/)*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-stylish-list/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, add the Style Lists widget to the page and follow the steps - 

1. Add the icon list content from the **Stylish List** tab.

2. Then enable the **Read More Toggle** toggle from the **Read More Toggle** tab.

![Read More Button to Elementor Icon List](https://theplusaddons.com/wp-content/uploads/2024/03/Read-More-Button-to-Elementor-Icon-List.png)

3. After that in the **List Open Default** field, you have to set the number of items that will be visible initially.

In the **Expand Section Title** field, you can set the expand button text and in the **Shrink Section Title** field, you can set the shrink button text. 

Now based on your settings, you’ll see a limited number of items initially with a toggle button to expand and collapse remaining items.

![Read More Button to Elementor Icon List demo](https://theplusaddons.com/wp-content/uploads/2024/03/Read-More-Button-to-Elementor-Icon-List-demo.gif)

***Suggested Read: **[How to add Label Tab to Elementor Stylish List](https://theplusaddons.com/docs//add-label-tab-to-elementor-stylish-list/)*

## Frequently Asked Questions

**Q: What should I do if the read more button isn't displaying?**
A: If the read more button isn't showing, ensure that you've enabled the Read More Toggle from the Read More Toggle tab in the Style Lists widget settings. This feature is essential for displaying the toggle button that allows visitors to expand or collapse the list. If it's enabled and still not visible, check that you've set a number of items in the List Open Default field, as this determines how many items are displayed initially.

**Q: What settings work best for adding a read more button to an Elementor icon list?**
A: For optimal use of the read more button, set the List Open Default to a number that balances visibility and usability. A common practice is to show 3-5 items initially, depending on your content length. Additionally, customize the Expand Section Title and Shrink Section Title fields to make the button text clear and engaging for users.