Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом
100
Как добавить подзаголовок и иконку в TX16N в Tilda

Как добавить подзаголовок и иконку в TX16N в Tilda

1
Создали блок TX16N
2
Добавили в заголовок ещё одной строкой подзаголовок и сделали его с подчёркиванием (скрин ниже)
3
Добавили код в блок Другое - Т123
В коде прописали ссылки на иконки
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Создаём своё сообщение об успешной отправке формы, оформляем его из ZeroBlock
Фрагмент видео
Библиотека для примера

<style>
.t585 .t-col:nth-child(1) .t585__header {
    background-image: url(https://static.tildacdn.com/tild3032-3962-4534-a362-316561326364/icons8---96.png);
}
.t585 .t-col:nth-child(2) .t585__header {
    background-image: url(https://static.tildacdn.com/tild3365-6161-4262-b533-306565626130/icons8--96.png);
}
.t585 .t-col:nth-child(3) .t585__header {
    background-image: url(https://static.tildacdn.com/tild3961-3563-4263-b731-346366323339/icons8--96.png);
}
.t585 .t-col:nth-child(4) .t585__header {
    background-image: url(https://static.tildacdn.com/tild3839-3937-4531-b634-303162333637/icons8--96.png);
}

.t585__header { border: none !important}
.t585__border { display: none}    
.t585__accordion {
    background: linear-gradient(90.71deg, #C2D9FA 0%, #B3E3F5 100%);
    box-shadow: 0px 15px 20px rgba(0, 90, 141, 0.08);
    border-radius: 10px;
    margin-bottom: 30px;
}
.t585__header {border: none !important}
.t585__border { display: none}
.t585__wrapper {padding-right: 30px}
.t585__header { padding-left: 100px}

.t585__header {
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 20px center;
}
.t585__title u {
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
}
.t585__content {padding-left: 100px}

.t585__opened .t585__lines {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.t585__lines svg { opacity: 0}
.t585__lines {
    background-image: url(https://static.tildacdn.com/lib/tildaicon/35656264-3035-4838-b266-623530623135/Layer_26.svg);
    background-size: contain;
    
}
@media screen and (max-width:540px){
.t585__header {
    padding-left: 20px;
    background-size:0;
}
.t585__content {padding-left: 20px}
}
</style>
Made on
Tilda