Module 53 of 71
Divi Read More that tidies up long sections.
Show the first few lines and hide the rest behind a button. A soft fade hints there is more, and one click opens it.
Our story
We started in 2014 as two designers in a spare room, building websites for the shops on our street. Word spread, and within a year we were working with bakeries, salons and studios across the city.
Today we are a team of twelve, still small enough to know every client by name. We design and build in Divi 5, so the sites we hand over are sites you can edit yourself.
We believe a good website should be fast, clear and easy to change. We measure success by how often our clients call us for advice rather than for fixes.
When we are not building websites, you will find us running workshops for local businesses and sharing what we learn on our blog.
What is the Divi Read More module?
Read More is a Divi 5 module in Divi Supreme Pro that collapses long content to a set height and adds a button to expand it. It keeps pages short and scannable while the full text stays on the page for search engines.
Set the collapsed height, the open and close text, icons for each state and their size. Add a gradient fade over the cut-off text, style the button with Divi’s button settings, and scroll back to the module when it collapses.
max collapsed height
button states
click to expand
custom code
Start from a Read More recipe.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Try every Read More setting.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Everything Read More can do.
Collapse anything
Text, images or a whole layout inside the module, cut to a height you set.
Open and close text
Different labels for each state, like Read more and Read less.
Icons
An icon for each state, with its own size.
Fade shadow
A gradient fade over the cut-off content, in any colour or background.
Scroll back
Return to the top of the module when it collapses so readers do not get lost.
SEO friendly
All the content stays in the page for search engines.
Read More documentation
Setup for Divi 5: collapsed height, open and close text, icons, fade shadow and scroll behaviour.
Questions about Read More.
Next module, A to Z
Scroll Image Module
Related modules
FAQ Module
Accordion FAQs with schema.
Content Toggle Module
Switch between two blocks of content.
Advanced Tabs Module
Tabs that hold whole layouts.
Say everything without the wall of text.
Read More comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.