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

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

Перейдите в настройки White Label и откройте вкладку Цветовая схема

Добавьте в блок с кодом перед закрывающимся тегом </style> следующий код:

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

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

mceclip2.png

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

 max-width: 100% !important;

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

mceclip0.png

Была ли эта статья полезной?

Еще есть вопросы? Отправить запрос