HomePage Forums Traveler Truncation while using "Travelpayouts Whitelabel Page" as the search result page

Topic Resolution: Resolved

This topic contains 2 replies, has 2 voices, and was last updated by  briankung001 3 years, 7 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #14024

    Hi,

    I use “Travelpayouts Whitelabel Page” as the search result page for the flights search in Traveler’s Search Tab. In the search result page, I found the Traveler header part almost truncated (too close) by the TravelPayouts Whitelabel Page. What CSS I could use to adjust that (margin, padding etc) to improve the look? Thanks.

    Please be noted. I’ve leveraged the custom CSS in this TravelPayouts Search Result Page I created. (The following is the CSS from support team for Full Video Slider home page.)

    ==================================================
    @media (min-width: 1200px){

    #st_header_wrap_inner {
    height: 0px !important;
    }
    .header-top {
    background: transparent;
    }
    .main_menu_wrap {
    width: 65%;
    margin-top: -50px;
    padding-right: 5%;
    background: transparent!important;
    border-bottom: none!important;
    }
    header#main-header .main_menu_wrap ul.slimmenu {
    width: 55%;
    float: right;
    }
    #menu1 .menu-collapser{
    background: transparent;
    }
    .vc_video-bg-container.bg-holder>.bg-mask {
    opacity: 0;
    }
    header#main-header {
    background: transparent;
    position: absolute;
    width: 100%;
    }
    .header-top .main-header-search {
    width: 150px;
    }
    .main-header-search .form-control {
    background: transparent !important;
    border-color: #fff;
    }
    .header-top li.top-user-area-lang{
    display: none !important;
    }

    .header-top .col-md-9 {
    width: 40%;
    float: right;
    margin-right: -35px;
    z-index: 102;
    }
    .header-top .col-md-3 {
    z-index: 99;
    }
    ul.slimmenu li a {
    color: #ffffff;
    }
    ul.slimmenu li .sub-toggle>i{
    color: #fff !important;
    }
    #top_toolbar{
    background: transparent !important;
    }
    ul.slimmenu li ul li a {
    background-color: transparent;
    }
    }
    ==================================================

    Attachments:
    You must be logged in to view attached files.
    #14075

    Hello

    The code only applied for main page.

    If you want to style search result whitelable page, you have to change to other code.

    Thanks

    #14089

    Hi Bryan,

    Thanks.

Viewing 3 posts - 1 through 3 (of 3 total)

The forum ‘Traveler’ is closed to new topics and replies.