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 show you how to put your own image in the header of your White Label.

First, open the settings of the White Label tab Color scheme.

2018-07-16_13-26-29.png

Then add the following code in the style settings of White Label:

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.

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

Was this article helpful?

Have more questions? Submit a request