Loading...

Центрирование нижнего ряда иконок в блоке FR201

Модификация может отцентровать нечётное количество карточек блока FR201 и настроить расположение в мобильной версии в 2 столбца
Время настройки: 1 минута
Генератор кода
Видео инструкция
Пример
Но́лим для агентств, фрилансеров
и веб-разработчиков
Мы сделали всё, чтобы установка модификаций не отнимали у тебя много времени и сил
Не нужно кодить
Каждая модификация имеет генератор html кода. Просто вставь данные и нажми на кнопку "Копировать"
Простота использования
Каждая модификация имеет видео инструкцию. Объясняем сложное простым языком
Экономь своё время
Настройка в среднем занимает 1-2 минуты и в код лезть вообще не нужно!
Партнерская программа
Приведи друга к нам на платформу, если он оплатит подписку, вы оба получите бонус
Обновления каждую неделю
Мы заправили нашу ракету супер топливом и не можем остановиться, с твоей помощью мы станем#1
Инструкция
1. Копируем id блока FR201 и вставляем в генератор;

2. Кастомизируем блок в мобильной версии, используя настройки: Отображение в две колонки, размер шрифтов, расположение контента и последней карточки;

3. Добавляем блок Т123 и вставляем в него сгенерированный HTML код;
id блока
В мобильной версии:
Карточки в мобильной версии:
Размер заголовка в блоке (px)
Размер описания в блоке (px)
Размер заголовка в карточках (px)
Размер описания в карточках (px)
Расположение контента в карточке в мобилке
Расположение последней карточки в мобилке
Копировать код <!-- Центрирование нижнего ряда иконок в блоке FR201 -->
<!-- https://nolim.cc/center-cards-fr201 -->
<style> #rec328308793 .t490 { text-align: center !important; } #rec328308793 .t490__separator ~ .t490__col:nth-last-child(1), #rec328308793 .t490__separator ~ .t490__col:nth-last-child(2), #rec328308793 .t490__separator ~ .t490__col:nth-last-child(3){ float: none !important; display: inline-block !important; vertical-align: top !important; } #rec328308793 .t490 .t490__separator ~ .t490__col.t-col_3:nth-last-child(4) { float: left !important; display: inline !important; } #rec328308793 .t490 .t490__separator ~ .t490__col.t-col_3:nth-last-child(4) ~ .t490__col:nth-last-child(3) { float: left !important; display: inline !important; } #rec328308793 .t490 .t490__separator ~ .t490__col.t-col_3:nth-last-child(4) ~ .t490__col:nth-last-child(2) { float: left !important; display: inline !important; } #rec328308793 .t490 .t490__separator ~ .t490__col.t-col_4:nth-last-child(3) { float: left !important; display: inline !important; } #rec328308793 .t490 .t490__separator ~ .t490__col.t-col_4:nth-last-child(3) ~ .t490__col:nth-last-child(2) { float: left !important; display: inline !important; } /*2 карточки в ряд*/ #rec328308793 .t490 .t490__separator ~ .t490__col.t-col_6:nth-last-child(2) { float: left !important; display: inline !important; } #rec328308793 .t490 .t490__separator ~ .t490__col.t-col_6:nth-last-child(2) ~ .t490__col:nth-last-child(1) { float: left !important; display: inline !important; } @media screen and (max-width: 960px){ 
#rec328308793 .t490 { text-align: left !important; }
#rec328308793 .t-container{ max-width: 100%; } #rec328308793 .t-clear.t490__separator { display: none; }
#rec328308793 .t490__col.t-col{
display: inline-block; max-width: 49%; vertical-align: top;
text-align: left;
padding-left: 10px; padding-right: 10px;
}
#rec328308793 .t490 .t-name, #rec328308793 .t490 .t-heading, #rec328308793 .t490 .t-name *, #rec328308793 .t490 .t-heading * { font-size: 24px !important; } #rec328308793 .t490 .t-descr, #rec328308793 .t490 .t-descr * { font-size: 14px !important; } .t490 .t-title, .t490 .t-title * { font-size: 14px!important; } [data-record-type="490"] .t490 .t-section__descr, [data-record-type="490"] .t490 .t-section__descr * { font-size: 14px!important; } } </style>
Код доступен только тем, кто оплатил подписку
Подписка стоит 390р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, что бы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Made on
Tilda