Skip to content

How to Add Read More Button to the WordPress Icon List?

Key Takeaways

  • Stylish List en Nexter Blocks muestra un botón Read More solo cuando la lista tiene más elementos que List Open Default, y la opción se activa bajo Layout.
  • Read More alterna entre expandir y ocultar todos los elementos: una lista de 7 ítems con el límite en 3 muestra 3 al cargar y luego revela los 7 al hacer clic.
  • Expand y Show Less son campos separados para el texto del botón, y los elementos ocultos siguen presentes en el marcado de la página, solo quedan visualmente ocultos.
Table of Contents

A long list of features is a wall of text before anyone reads a word of it.

Read More trims the list to a handful of items on load, with a button that reveals the rest — and collapses it again.

For every Dynamic Device setting in one place, see the Icon List block guide.

Before You Start

  • Edition: Free — the Stylish List block works in Nexter Blocks (free) and Nexter Blocks Pro.
  • Block to enable: Stylish List, switched on under Nexter > Blocks in your WordPress dashboard.
  • More list items than you want shown at once — the button only appears when the list is longer than the limit you set.
An icon list collapsed to its first three items with a Show More link
The same list expanded after clicking Show More

Steps

  1. Add the Stylish List block and add a row for each item, with its own text and icon.
The Layout Type options
  1. Switch on Read More Toggle under Layout.
The Read More Toggle setting
  1. Set List Open Default for how many items show before the button.
  1. Set the Expand and Show Less button text.

Measured end to end: a 7-item list with the limit set to 3 showed exactly 3 items on load; clicking the button revealed all 7, swapped its class, and changed its own text from the Expand wording to the Show Less wording.

How It Behaves

  • The button only appears when it’s needed. A list shorter than the limit never shows a Read More button at all — there is nothing to collapse.
  • Clicking genuinely toggles both ways, measured: expand reveals every hidden item, and clicking again hides them and restores the original count.
  • The button’s text is fully custom on each side — Expand and Show Less are two separate fields, not a single label that just changes state.

Limitations

  • The collapsed and expanded states are both all-or-nothing — there is no “load a few more at a time” option.
  • Hidden items are still present in the page’s markup, just visually hidden — they are not removed from the DOM.
  • The limit is a plain count of items, not a height or a smarter cutoff.

Troubleshooting

The Read More button never shows up

Check the list actually has more items than List Open Default — the button only appears when there is something to hide.

Clicking the button does nothing

Confirm Read More Toggle is switched on under Layout, not just text typed into the Expand/Show Less fields.

The button text doesn’t change after I click it

It should — measured, the button’s own text swaps between your Expand and Show Less wording on each click. If it doesn’t, check for a caching plugin serving an old version of the page.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Frequently Asked Questions

Why doesn’t the Read More button appear on my Icon List?

The button only shows when the list has more items than the List Open Default limit, so a short list never gets a collapse control. Nexter Blocks uses that count as the trigger, not the icon style or text content. If you want a visible toggle, the list needs enough rows to overflow the open state.

What do I need before adding a Read More button to a WordPress Icon List?

The Stylish List block has to be enabled in Nexter Blocks, and the page needs more list items than you want visible at once. Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter provides the Stylish List block in both Free and Pro editions. That matters because the Read More control is tied to that block and only appears when there is hidden content to reveal.

How many items should show before the Read More button appears?

List Open Default controls that number directly, so it is a simple item count rather than a height-based cutoff. The page’s measured example used 7 items with the limit set to 3, which showed exactly 3 items on load and hid the rest until expansion. That makes it predictable for long lists where you want a fixed teaser length.

Does the Read More toggle work both ways on an Icon List?

The toggle is two-way: clicking expands all hidden items, and clicking again collapses them back to the original count. The button text also swaps between your Expand wording and Show Less wording on each click. That behavior is useful when you want a compact list by default but still let people reopen it without reloading the page.

What happens to hidden list items when Read More is collapsed?

Hidden items stay in the page’s markup and are only visually hidden, so they are not removed from the DOM. The collapse state is all-or-nothing too, with no option to reveal a few more items at a time. That means this feature is best for shortening long lists, not for progressive loading.

Why does my Read More button click but nothing changes?

That usually points to setup rather than styling. The page says Read More Toggle must be switched on under Layout, and typing text into Expand or Show Less alone is not enough. If the label still looks stale after that, a caching plugin can serve an old version of the page and hide the updated toggle behavior.

Last reviewed: September 28, 2026

Related Docs