Как сделать изображение фоном на White Label

Если вы не знаете, что такое White Label, посмотрите статью Что такое White Label от Travelpayouts.

В этой статье рассказывается о том, как поместить собственное изображение в шапку вашего White Label. Пример:

mceclip0.png

Чтобы сделать собственное изображение фоном в верхней части сайта (за формой поиска):

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

2. Добавить изображение можно сделать двумя способами:

  • На вкладке Мои блоки добавьте тег <style> в поле Футер сайта и поместите в него код, указанный ниже;
    background_ru.png
  • Вставьте код на вкладке Стили в разделе Настроить стили в CSS.
    Второй вариант удобен тем, что вы сможете хранить все стили в одном месте, а раздел Мои блоки не будет перегружен кодом.

Код для вставки:

body .TPWL-template-wrapper .TPWL-template-header,
body div.TPWL-header-content {
 background: rgba(0, 0, 0, 0);
}
body {
 background-image: url(https://cdn.travelpayouts.com/marketing/kit_travel/bg-slide-1.jpg);
 background-repeat: no-repeat;
 background-size: 100% auto;
}
.TPWL-widget--serp .filters_layout {
 background-color: #fff !important;
 border: 1px solid rgba(0, 0, 0, .12) !important;
 border-radius: 4px !important;
 padding: 10px !important;
}
.TPWL-widget .search_results-wrapper #tpwl-subscription {
 margin-bottom: 20px!important;
}
.TPWL-widget .filters .only-button {
 background: 0 0!important;
}
.TPWL-widget .filters_layout>main,
.TPWL-widget .slider_substrate::after {
 width: 200px!important;
}
.TPWL-widget .filters .right-text {
 background: none!important;
}

где в скобках после url нужно разместить ссылку на изображение, которое будет использоваться в качестве фона (в примере ссылка выглядит так https://cdn.travelpayouts.com/marketing/kit_travel/bg-slide-1.jpg).

Обратите внимание! Изображение должно быть доступно в сети интернет, а не находиться на вашем локальном компьютере.