Для данной модификации нужно будет создать zero блок, → добавить и настроить форму, → создать блок T123 → вставить в него код → в коде добавить id блока zero формы
Инструкция
- 1
Добавляем zero блок на страницу и все удаляем из него, оставляем его пустым
Копируем Block IB,он нужен для вставки в код - 2
Добавляем в блок форму
(нажимаем на + → Add form) - 3
Добавляем поля в форму → INPUT FIELDS (в примере всего 5 полей)
- 4
На всех разрешениях растягиваем форму на всю ширину
- 5
Добавляем блок Т123, и в него вставляем код
Контент → вставляем код
В коде уазываем ID zero блока
Код для вставки
<!--https://atilda.ru/form-two-columns-->
<style>
/*ЗАМЕНИТЕ на ID вашего zero блока*/
#rec803219177 .t-form__inputsbox {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: flex-start;
gap: 10px 20px;
}
/*ЗАМЕНИТЕ на ID вашего zero блока*/
#rec803219177 .tn-form__submit {
top: -80px;
position: relative;
grid-column: 2/3;
}
/*ЗАМЕНИТЕ на ID вашего zero блока*/
#rec803219177 .tn-form__submit .t-submit {
min-width: 100%;
}
@media (max-width: 768px) {
/*ЗАМЕНИТЕ на ID вашего zero блока*/
#rec803219177 .t-form__inputsbox {
grid-template-columns: 1fr;
gap: 0;
}
/*ЗАМЕНИТЕ на ID вашего zero блока*/
#rec803219177 .tn-form__submit {
top: -20px;
grid-column: 1;
margin: 20px 0;
}
}
</style>
