Как добавить кнопку в потоки на Tilda
В стандартных блоках потоков Tilda нет встроенного элемента «Кнопка», но её можно добавить и кастомизировать через код.
Как сделать?
1. Добавьте блок с текстом, который будет играть роль кнопки, и задайте ему ссылку
2. Создайте блок Embed HTML code и вставьте код. Измените ссылку в коде — значение атрибута href (в двух местах)
4. Настройте стиль кнопки
<style>
.t-redactor__tte-view .t-redactor__text a[href="ссылка"] {
display: inline-block;
margin-top:30px; /*Отступ сверху от кнопки*/
padding:20px 30px; /*Отступы внутри кнопки*/
border-radius: 10px; /*Скругление углов у кнопки*/
background-color: #252525;; /*Цвет фона кнопки*/
color: #fff !important; /*Цвет текста кнопки*/
font-size: 16px; /*Размер текста*/
font-weight: 500; /*Толщина текста*/
transition: 0.3s ease-in; /*Плавность анимации при наведении на кнопку*/
}
.t-redactor__tte-view .t-redactor__text a[href="ссылка"]:hover{
background-color: #393939; /*Цвет фона при наведении*/
color: #fff !important; /*Цвет текста при наведении*/
}
</style>
Начать дискуссию