How can I use an image for the header background

If you do not know what White Label is, check out the article What is Travelpayouts White Label.

This article will describe how to put your own image in the header of your White Label.

1. Open White Label settings in your Travelpatyouts account by launching Aviasales or Hotellook Tools tab.

2. Open the Sections tab.

3. Add a <style> tag to the bottom of the Site footer block and place the following code inside the tag:

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; }

Link to the image that will be used as the background in brackets after the url parameter.

Note! The image should be accessible from the internet and should not be on your local computer only.