Как добавить подзаголовок и иконку в TX16N в Tilda
We are a leading firm in providing quality and value to our customers. Each member of our team has at least 5 years of legal experience. We love what we do.
Our managers are always ready to answer your questions. You can call us during the weekends and at night. Also, you can visit our office for a personal consultation.
Our company works according to the principle of individual approach to every client. This method allows us to succeed in tasks of any level.
Our prices are fixed for some standard services and we offer discounts for regular clients. Also, we ask our new clients about their birthday and prepare cool presents.
Как добавить подзаголовок и иконку в 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>
