Read More Settings Deep Dive

Read More mode collapses your product description to a configurable height. Here's how to fine-tune every aspect.

Key Settings

read_more_height — The visible height before collapse, in pixels.

Customize the expand/collapse button labels:

The color of the Read More/Show Less button. Matches your theme by default.

A gradient overlay at the bottom of the collapsed content that signals "there's more below."

Content Length	Recommended Height	Notes
Short (100-300 words)	200px	Just enough to tease
Medium (300-500 words)	300px	Shows intro + first heading
Long (500+ words)	400px	Shows more context before collapse

Match gradient color to your page background for a seamless effect
Lower max height on mobile (200px) for a cleaner mobile experience
Short, action-oriented button text works best ("Read More ▾")
If your descriptions are under the max height, the button won't show (auto-hidden)
Works great as a secondary mode — add a Read More block below your main Tabs/Accordion block