Выравнивание отступов стандартных блоков и
Zero Block

Эта модификация решает проблему разных отступов от края экрана при использовании одновременно стандартных блоков Тильды и Zero Block

Применение

1. Установить нужные размеры для ширины контейнера (равен ширине контейнера в Zero Block, который вы устанавливаете для своего контента)
2. Скопировать код ниже и вставить на сайт
Ширина контейнера (от 320px до 480px)
Ширина контейнера (от 480px до 640px)
Ширина контейнера (от 640px до 960px)
Ширина контейнера (от 960px до 1200px)
Ширина контейнера (от 1200px)
<style> #allrecords .t-rec > div:not(.t396) > div { max-width: unset; width: auto; padding: 0 !important; } .t-rec > div:not(.t396) { max-width: 320px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 479px) { .t-rec > div:not(.t396) { max-width: 480px; } } @media screen and (min-width: 639px) { .t-rec > div:not(.t396) { max-width: 640px; } } @media screen and (min-width: 959px) { .t-rec > div:not(.t396) { max-width: 960px; } } @media screen and (min-width: 1200px) { .t-rec > div:not(.t396) { max-width: 1200px; margin-left: auto; margin-right: auto; } } </style> <script> const checkContainer = function() { let tildaColumns = $('.t-container > div'); tildaColumns.each(function() { let margin, padding; let container = $(this).parent(); if ($(this).hasClass('t-row')) { margin = $(this).children().css('margin-left'); padding = $(this).children().css('padding-left'); } else { margin = $(this).css('margin-left'); padding = $(this).css('padding-left'); } if (margin != '0px') { $(this).parent().css({ 'margin-left': `-${margin}`, 'margin-right': `-${margin}` }); } if (padding != '0px') { $(this).parent().css({ 'margin-left': `-${padding}`, 'margin-right': `-${padding}` }); } }); } $(document).on('ready', checkContainer); $(window).on('resize', checkContainer); </script>
Код скопирован в буфер обмена 🔥
Помогла ли вам модификация?
Если модификация отрабатывает некорректно, не так как указано в описании или названии - пожалуйста сообщите! Можете отправить мне личное сообщение в Telegram или воспользовавшись формой обратной связи тут
Made on
Tilda