Как сделать текст с кнопкой "Читать дальше"

Опубликовано 26 Август, 2023 | Сниппеты с кодом | 603 просмотров

Сниппет работает только на платных тарифах

1. Добавьте текстовый блок

2. Добавьте блок Ссылка с ссылкой на пост или контент

3. Узнайте ID текстового блока

4. Добавьте блок HTML с кодом

<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>

Цвет блюра #fff подходит для страниц с белым фоном. Если у вас фон другого цвета, то замените #fff на подходящий цвет.

Замените в "block_259349" 259349 на ID своего текстового блока.