Как изменить ширину формы поиска White Label

По умолчанию форма поиска в White Label от Travelpayouts адаптивна и автоматически подстраивается под разрешение экрана. При этом её максимальный размер ограничен настройками стилей. В этой статье приводится пример кода, с помощью которого можно изменить максимальную ширину формы поиска.

1. Откройте настройки White Label в личном кабинете Travelpayouts;

2. Перейдите на вкладку Мои блоки;

3. Добавьте в блок Футер сайта тег <style> и поместите в него следующий код:

.TPWL-widget .TPWL-template-header-content {
 max-width: 768px !important;
}
 
.TPWL-widget--front_page .TPWL-template-header {
 padding-bottom: 25px !important;
}

sf_width_ru.png

4. В параметре max-width задаётся максимальный размер формы поиска. В примере выше он составляет 768 пикселей. Вы можете ввести любое значение в пикселях или процентах — например, указать:

 max-width: 100% !important;

В этом случае форма будет занимать весь экран, даже на самых широких мониторах:

mceclip0.png