Texts
Buttons
Menus
Sliders
Backgrounds
Cursors
Medias
Cores
Beginner / 
LightRead More
Read more!
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Beatae consectetur dicta, eos libero non perspiciatis quia recusandae repellat tempore ullam unde vero! Culpa debitis dolorem laudantium possimus reprehenderit temporibus voluptatem?
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Beatae consectetur dicta, eos libero non perspiciatis quia recusandae repellat tempore ullam unde vero!
How it works
Read More is a nestable element made up of a Content Block (the content to progressively hide and reveal) and a Read More Button. You can drag and drop any element inside the Content Block.
Content Element controls
You can apply any styles you need to the Content element in it’s style tab. The following controls can be found on Read More element.
Default height to show: your audio source.
Fade height: the hidden content has a progressive fade. This is to set it’s height.
Fade color: the fade’s color.
Read More button controls
The default read more button’s text can be set in it’s own element, as well as any other style.
Read less text: the text to show in Read More Button when the Content is expanded.
Hover color: the Read More Button’s color when the Content is expanded. You can also set this color transition duration and CSS easing.
Read More Animation controls
The expanded animation is separated into an “In” and an “Out” transition. Both Durations and GSAP easings can also be edited here individually.