Данная модификация растягивает стандартные блоки потоков (FD301 и FD302) на всю ширину экрана с отступами по 40рх по краям, а сами карточки находятся друг от друга на расстоянии 20рх.

Смотреть демо

Добавьте на страницу с потоками блок Т123 и вставьте туда следующий код:


<style>
@media (min-width: 961px) {
.t-feed__container {
    max-width: calc(100% - 60px);
}
.t-feed__post {
    margin-left: 10px;
    margin-right: 10px;
    max-width: calc(25% - 20px);
}
}
</style>

Внимание!

Код рассчитан для блоков с 4 карточками в ряду и работает на всех разрешениях экранов, начиная с 961рх.

Для блока FD401

Смотреть демо

Для блока потоков в виде слайдера (FD401) используйте следующий код:


<style>
@media (min-width: 1201px) {
.t-feed__post {
    width: calc(25vw - 20px);
}
.t-feed__slider-grid__post-wrapper {
    width: 100% !important;
    margin-left: 10px;
    margin-right: 10px;
}
.t1004 .t-slds__main {
    max-width: calc(100% - 200px);
}
}
</style>

Внимание!

Код рассчитан для блоков с 4 карточками в ряду и работает на всех разрешениях экранов, начиная с 1201рх. Расстояние карточек до стрелок среднего размера — 40рх, между карточками — 20рх.

Заключение

Если у вас другие настройки блока, или вы используете блок не из моего примера, напишите мне, я дополню модификацию под ваши требования.

Понравилась статья?

Будьте в курсе

Подписывайтесь на мой ТГ канал

Там я пишу о разработке сайтов на Тильде, дизайне и делюсь полезными ресурсами, статьями и модификациями.

Перейти в канал

Модификация для создания собственных кнопок-стрелок для листания в бок блока с отзывами

Комментарии

Свои кнопки для стандартного блока отзывов TS104N на Тильде

Предыдущая статья

Текст в раскрывающихся карточках на Тильде на всю ширину экрана

Следующая статья

Напишите мне

Хотите нанять меня? Или узнать больше о моей работе? Свяжитесь со мной, я буду рада ответить на все ваши вопросы или обсудить с вами наш новый проект.

Перейти в контакты