Tour Full Header

Theme has some new layout with customized code.

In order to make the tour with full image header, you can follow these steps to create it.

Step 1: In the admin dashboard, move the mouse to Layout > Add New

 

Step 2: Download and Copy this quick shortcode to the content field. Be sure you have selected Classic Mode and Visual Tab.

http://www.mediafire.com/file/o5gwny1og5p0vc6/shortcode.txt

Step 3: Copy this css code to the Css section of visual setting of that layout.

.single-st_tours .tour_custom_new .vc_tta-tabs-list .vc_tta-tab>a {
border-color: #9996b5 !important;
background-color: #9996b5 !important;
}
.single-st_tours .tour_custom_new .vc_tta-tabs-list .vc_tta-tab.vc_active>a{
border-color: #9cd3d8 !important;
background-color: #9cd3d8 !important;
}
.tour_custom_new .price_activity {
display: none;
}
.tour_custom_new .booking-item-details .booking-item-header {
margin-bottom: 0px !important;
margin-top: 0px !important;
padding-top: 0px !important;
border-top: none !important;
}
.tour_custom_new .booking-item-details .booking-item-header>.row>.col-md-9 {
width: 100%;
position: absolute;
margin-top: 400px;
text-align: center;
}
.tour_custom_new .booking-item-details .booking-item-header>.row>.col-md-9 .header_style h4{
font-size: 60px;
color: #4400ff;
}
.tour_custom_new .booking-item-details .booking-item-header>.row>.col-md-9 .header_style .text-small {
font-size: 17px;
}
.tour_custom_new table td, .tour_custom_new table th {
border-style: none !important;
}
.tour_custom_new .tour_pax table td:nth-child(1) {
background-color: #e6e6e6;
border-color: #000000;
width: 50%;
text-align: center;
}
.tour_custom_new .tour_pax table td:nth-child(2) {
background-color: #cbe29c;
border-color: #000000;
width: 50%;
text-align: center;
}
.tour_custom_new #form-booking-inpage .package-info-wrapper .package-book-now-button .div_book .row:nth-child(4) .col-sm-4 {
width: 100% !important;
}
.single-st_tours .tour_custom_new .vc_tta-tabs-list .vc_tta-tab>a {
border-color: #9996b5 !important;
background-color: #9996b5 !important;
}
.single-st_tours .tour_custom_new .vc_tta-tabs-list .vc_tta-tab.vc_active>a{
border-color: #9cd3d8 !important;
background-color: #9cd3d8 !important;
}
.tour_custom_new .price_activity {
display: none;
}
.single-st_tours .booking-item-details {
margin-top: 0px;
}
.booking-item-details .tour_custom_new .booking-item-header {
margin-bottom: 0px !important;
margin-top: 0px !important;
padding-top: 0px !important;
border-top: none !important;
}
.booking-item-details .tour_custom_new .booking-item-header>.row>.col-md-9 {
width: 100% !important;
position: absolute !important;
margin-top: 20% !important;
text-align: center !important;
}
.booking-item-details .tour_custom_new .booking-item-header>.row>.col-md-9 .header_style h4{
font-size: 60px !important;
color: #886565 !important;
}
.booking-item-details .tour_custom_new .booking-item-header>.row>.col-md-9 .header_style .text-small {
font-size: 17px !important;
color: #d4e98c !important;
}
.tour_custom_main_section table td, .tour_custom_main_section table th {
border-style: none !important;
}
.tour_pax table td:nth-child(1) {
background-color: #e6e6e6;
border-color: #000000;
width: 50%;
text-align: center;
}
.tour_pax table td:nth-child(2) {
background-color: #cbe29c;
border-color: #000000;
width: 50%;
text-align: center;
}
.tour_custom_new #form-booking-inpage .package-info-wrapper .package-book-now-button .div_book .row:nth-child(4) .col-sm-4 {
width: 100% !important;
}
.tour_custom_new .vc_tta.vc_general .vc_tta-tab > a {
padding: 21px 40px !important;
}
@media (min-width: 1200px){

.single-st_tours #st_header_wrap_inner {
height: 0px !important;
}
.single-st_tours .header-top {
background: transparent;
}
.single-st_tours .main_menu_wrap {
width: 80%;
margin-top: -50px;
padding-right: 5%;
background: transparent!important;
border-bottom: none!important;
}
.single-st_tours header#main-header .main_menu_wrap ul.slimmenu {
width: 60%;
float: right;
}
.single-st_tours header#main-header .main_menu_wrap ul.slimmenu>li:nth-child(2),
.single-st_tours header#main-header .main_menu_wrap ul.slimmenu>li:nth-child(7),
.single-st_tours header#main-header .main_menu_wrap ul.slimmenu>li:nth-child(8),
.single-st_tours header#main-header .main_menu_wrap ul.slimmenu>li:nth-child(9){
display: none;
}
.single-st_tours #menu1 .menu-collapser{
background: transparent;
}
.single-st_tours .vc_video-bg-container.bg-holder>.bg-mask {
opacity: 0;
}
.single-st_tours header#main-header {
background: transparent;
position: absolute;
width: 100%;
}
.single-st_tours .header-top .main-header-search {
display: none !important;
}
.single-st_tours .header-top li.top-user-area-lang{
display: none !important;
}

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

 

 

Step 4: Go to Traveler Settings > Styling Options > Custom Css and also add this css code to the text field:

 

/* start custom tour single*/

.single-st_tours .tour_custom_new .vc_tta-tabs-list .vc_tta-tab>a {
border-color: #9996b5 !important;
background-color: #9996b5 !important;
}
.single-st_tours .tour_custom_new .vc_tta-tabs-list .vc_tta-tab.vc_active>a{
border-color: #9cd3d8 !important;
background-color: #9cd3d8 !important;
}
.tour_custom_new .price_activity {
display: none;
}
.single-st_tours.postid-1614 .booking-item-details {
margin-top: 0px;
}
.booking-item-details .tour_custom_new .booking-item-header {
margin-bottom: 0px !important;
margin-top: 0px !important;
padding-top: 0px !important;
border-top: none !important;
}
.booking-item-details .tour_custom_new .booking-item-header>.row>.col-md-9 {
width: 100% !important;
position: absolute !important;
margin-top: 20% !important;
text-align: center !important;
}
.booking-item-details .tour_custom_new .booking-item-header>.row>.col-md-9 .header_style h4{
font-size: 60px !important;
color: #886565 !important;
}
.booking-item-details .tour_custom_new .booking-item-header>.row>.col-md-9 .header_style .text-small {
font-size: 17px !important;
color: #d4e98c !important;
}
.tour_custom_main_section table td, .tour_custom_main_section table th {
border-style: none !important;
}
.tour_pax table td:nth-child(1) {
background-color: #e6e6e6;
border-color: #000000;
width: 50%;
text-align: center;
}
.tour_pax table td:nth-child(2) {
background-color: #cbe29c;
border-color: #000000;
width: 50%;
text-align: center;
}
.tour_custom_new #form-booking-inpage .package-info-wrapper .package-book-now-button .div_book .row:nth-child(4) .col-sm-4 {
width: 100% !important;
}
.tour_custom_new .vc_tta.vc_general .vc_tta-tab > a {
padding: 21px 40px !important;
}
@media (min-width: 1200px){

.single-st_tours.postid-1614 #st_header_wrap_inner {
height: 0px !important;
}
.single-st_tours.postid-1614 .header-top {
background: transparent;
}
.single-st_tours.postid-1614 .main_menu_wrap {
width: 80%;
margin-top: -50px;
padding-right: 5%;
background: transparent!important;
border-bottom: none!important;
}
.single-st_tours.postid-1614 header#main-header .main_menu_wrap ul.slimmenu {
width: 60%;
float: right;
}
.single-st_tours.postid-1614 header#main-header .main_menu_wrap ul.slimmenu>li:nth-child(2),
.single-st_tours.postid-1614 header#main-header .main_menu_wrap ul.slimmenu>li:nth-child(7),
.single-st_tours.postid-1614 header#main-header .main_menu_wrap ul.slimmenu>li:nth-child(8),
.single-st_tours.postid-1614 header#main-header .main_menu_wrap ul.slimmenu>li:nth-child(9){
display: none;
}
.single-st_tours.postid-1614 #menu1 .menu-collapser{
background: transparent;
}
.single-st_tours.postid-1614 .vc_video-bg-container.bg-holder>.bg-mask {
opacity: 0;
}
.single-st_tours.postid-1614 header#main-header {
background: transparent;
position: absolute;
width: 100%;
}
.single-st_tours.postid-1614 .header-top .main-header-search {
display: none !important;
}
.single-st_tours.postid-1614 .header-top li.top-user-area-lang{
display: none !important;
}

.single-st_tours.postid-1614 .header-top .col-md-9 {
width: 30%;
float: right;
margin-right: -35px;
z-index: 102;
}
.single-st_tours.postid-1614 .header-top .col-md-3 {
z-index: 99;
}
.single-st_tours.postid-1614 ul.slimmenu li a {
color: #ffffff;
}
.single-st_tours.postid-1614 ul.slimmenu li .sub-toggle>i{
color: #fff !important;
}
.single-st_tours.postid-1614 #top_toolbar{
background: transparent !important;
}
.single-st_tours.postid-1614 ul.slimmenu li ul li a {
background-color: transparent;
}
}
/* end customer tour single */

 

Please note: The .postid-1614 is your tour ID. If you want to apply the layout for all your tour, just remove it from the code.

 

Step 5: Edit your tour and select that layout to apply.