Full Header (Tours Only)

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.