Read more text feature is implemented only when you have a huge length of text to be shown to the users, but you want to limit the maximum number of line to be displayed initially and then user can click on read more to show remaining text, and vice versa user can click on read less to shrink a text again to maxLine to be shown.
Tutorials:
Insert code in footer
CODE
<script type="text/javascript" async="" src="https://cdn.jsdelivr.net/gh/webcode24h/libs@main/brizyplus/ReadMore/Pro/readmore732148863.js"></script>
<style>
.open_readmore::before {
position: absolute;
content: "» Read more...";
color: #999999;
font-family: Montserrat, sans-serif !important;
text-align: center;
width: 100%;
height: 150px;
background: -o-linear-gradient(top, rgba(255,255,255,0), #ffffff 120px);
background: linear-gradient(180deg, rgba(255,255,255,0), #ffffff 120px);
bottom: 0;
padding: 125px 0 0 0;
cursor: pointer;
z-index: 1;
}
.open_readmore {
height: 50vh;
overflow: hidden;
}
</style>
How to use it
Download file demo.zip, upload to Brizy. Done (Then you can see the css code from here)
*Note: License Pro is required for the functions to work
Key word:
How to create button read more/read less Brizy cloud, Read more button on click
