Кастомизация аккордеона TX16N

Пример использования данной модификации ↓

Инструкция по установке модификации

1. Создаёте блок TX16N и убираете отступ слева (настройки блока — отступ слева — без отступа) и убираете у него фон (цвет фона для всего блока должен быть пустым!).
2. В настройках блока во вкладке «стили карточки» выставляете параметры такие, как показано на данном скриншоте.
3. Загружаете вашу иконку (можно загрузить как на тильду, так и на любой сайт в интернете) — ссылку на эту иконку необходимо будет поставить в соответствующее поле в коде № 1.

Настройка блока TX16N

Настройки иконки

Настройки обводки и фона

Настройки отступов

Код №1

<style> 
/*Кастомизация аккордеона TX16N на Tilda: vladislav-land.ru/tx16n*/ .t585__opened .t585__lines { -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .t585__lines svg { display: none; } .t585__lines::after { content: " "; width: 30px; height: 30px; position: absolute; left: 0; background-image: url(https://static.tildacdn.com/tild6632-6437-4733-a131-626536623537/photo.png); background-size: 100%; } .t585__icon { width: 30px; height: 30px; padding-right: 20px !important; } #rec489927283 .t585__circle { background-color: #323232 !important; } #rec489927283 .t585__header { padding-left:15px !important; padding-right:15px !important; } #rec489927283 .t585__content { padding-left:15px !important; padding-right:15px !important; } #rec489927283 .t585__accordion { border-width: 2px; border-radius: 15px; background-position: center center; border-color: #F9CD46 !important; border-style: solid; } #rec489927283 .t585__accordion { background-color: #323232 !important; } #rec489927283 .t-col_6 { margin-bottom:10px !important; } </style>

Копировать код

Инструкция по установке кода

4. Копируете код № 2 и вставляете его в блок T123 на ту же страницу, на которой расположен ваш блок TX16N;
КОД № 2 ОБЯЗАТЕЛЕН К ДОБАВЛЕНИЮ! Без него ваша модификация будет работать некорректно!

Код №2

<style>/*Кастомизация аккордеона TX16N на Tilda: vladislav-land.ru/tx16n*/ .t585__header { border-top:none !important; } .t585__border { opacity:0%; } </style>

Копировать код