More or Less

Keep your layouts clean and your content accessible with More or Less, a flexible content expansion Bric for Blocs.

Whether you’re building service pages, FAQs, blog archives, testimonials, or product descriptions, More or Less allows you to reveal content only when visitors need it, helping reduce clutter while maintaining a great user experience.

Key Features

• Simple setup using a custom class
• Collapse content by words, characters, or height
• Works with text, Divs, Groups, Cards, and more
• Responsive height controls using Min, Growth, and Max values
• Smooth expand and collapse animations
• Customisable button labels
• Optional fade overlay to indicate hidden content
• Multiple independent instances on the same page
• Mobile-friendly design
• Accessibility focused

Flexible Content Limiting

Word Limit

Perfect for articles, blog posts, and long-form content.

Character Limit

Ideal for excerpts, testimonials, and compact layouts.

Height Limit

Great for mixed content blocks containing text, images, lists, and other elements.

Responsive Height Controls

More or Less includes a responsive height mode that automatically adjusts the collapsed height across different screen sizes.

• H.Min defines the smallest collapsed height.
• Growth controls how much the height increases on larger screens.
• H.Max defines the largest collapsed height.

This allows collapsed content to feel natural on mobile, tablet, and desktop without needing custom CSS.

Perfect For

• Service Pages
• FAQs
• Blog Excerpts
• Product Descriptions
• Team Bios
• Testimonials
• Content-Rich Landing Pages

Why Use More or Less?

Long blocks of content can overwhelm visitors and make pages harder to scan.

More or Less helps you present information in a cleaner, more organised way while still giving visitors access to the full content when they want it.

The result is a better reading experience, cleaner layouts, and more control over how your content is presented.