How to create text with a 'Read more' button

Published on 26 August, 2023 | Сниппеты с кодом | 410 views

The snippet only works on paid plans

1. Add a text block

2. Add a Link block with a link to a post or content

3. Find out the ID of the text block

4. Add an HTML block with code

<style>
  #block_259349 .text-description:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    content: "";
    background: linear-gradient(hsla(0,0%,100%,0),#fff 90%)
}
  </style>

The blur color #fff is suitable for pages with a white background. If you have a background of another color, replace #fff with the appropriate color.

Replace "block_259349" with the ID of your text block.