HomePage Forums Traveler Full image header

This topic contains 1 reply, has 2 voices, and was last updated by  Bryan 3 years, 4 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #12836

    Hello, how to have this page in header

    Full Image Header

    #12870

    Hello

    You can use this shortcode for that layout

    [vc_row parallax_class="yes" css=".vc_custom_1515465210552{padding-top: 150px !important;background-image: url(http://travelerwp.com/wp-content/uploads/2014/11/new_lastra.jpg?id=26742) !important;}"][vc_column width="2/3" css=".vc_custom_1418722867702{padding-top: 50px !important;padding-bottom: 150px !important;}"][vc_column_text css=".vc_custom_1417076764149{margin-bottom: 25px !important;}"]
    
    Find Your Perfect Trip
    [/vc_column_text][st_search st_style_search="style_2" st_box_shadow="no" tabs_search="hotel,cars,tour,rental,flight,all_post_type"][/vc_column][vc_column width="1/3"][st_simple_location st_type="st_hotel" st_list_location="287"][/vc_column][/vc_row][vc_row css=".vc_custom_1422952293353{padding-top: 30px !important;padding-bottom: 30px !important;}"][vc_column width="1/3" css=".vc_custom_1422952331196{margin-top: 30px !important;margin-bottom: 30px !important;}"][st_about_icon st_pos_icon="top" st_size_icon="box-icon-md" st_text_align="text-left" st_icon="fa-dollar" st_name="Best Price Guarantee" st_description="Eu lectus non vivamus ornare lacinia elementum faucibus natoque parturient ullamcorper placerat" st_color_icon="#0c0200" st_link="#"][/vc_column][vc_column width="1/3" css=".vc_custom_1422952312242{margin-top: 30px !important;margin-bottom: 30px !important;}"][st_about_icon st_pos_icon="top" st_size_icon="box-icon-md" st_text_align="text-left" st_icon=" fa-lock" st_name="Trust & Safety" st_description="Imperdiet nisi potenti fermentum vehicula eleifend elementum varius netus adipiscing neque quisque" st_color_icon="#0c0200" st_link="#"][/vc_column][vc_column width="1/3" css=".vc_custom_1422952303227{margin-top: 30px !important;margin-bottom: 30px !important;}"][st_about_icon st_pos_icon="top" st_size_icon="box-icon-md" st_text_align="text-left" st_icon="fa-thumbs-o-up" st_name="Best Travel Agent" st_description="Curae urna fusce massa a lacus nisl id velit magnis venenatis consequat" st_color_icon="#0c0200" st_link="#"][/vc_column][/vc_row][vc_row row_fullwidth="yes" parallax_class="yes" css=".vc_custom_1497858456250{padding-top: 100px !important;padding-bottom: 100px !important;background-image: url(https://travelerwp.com/wp-content/uploads/2014/11/590bd8dbd9a25437374dd7755b82e892cdc753a0.jpg?id=23148) !important;}"][vc_column][st_last_minute_deal st_post_type="st_hotel"][/vc_column][/vc_row][vc_row css=".vc_custom_1417164324449{padding-top: 60px !important;}"][vc_column][vc_column_text css=".vc_custom_1473066388338{margin-bottom: 30px !important;}"]
    
    Top Destinations
    [/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][st_list_location link_to="single" st_number="4" st_col="4" st_style="curved" st_show_logo="yes" st_logo_position="left" st_orderby="none" st_order="asc"][/vc_column][/vc_row][vc_row css=".vc_custom_1417164324449{padding-top: 60px !important;}"][vc_column][vc_column_text css=".vc_custom_1422525676043{margin-bottom: 30px !important;}"]
    
    Top Cars
    [/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][st_list_cars st_number_cars="6" st_orderby="none" st_order="asc" st_cars_of_row="3" taxonomy="car_features"][/vc_column][/vc_row]

    and this custom css code to style it.

    @media (min-width: 992px){
    #st_header_wrap_inner {
        height: 0px;
    }
    #main-header {
        background: transparent !important;
        position: absolute;
        width: 100%;
    }
    .header-top {
        background: transparent;
    }
    #menu1 {
        background: transparent;
        border-bottom: none;
    }
    #top_toolbar {
        background: transparent !important;
    }
    }

    Thanks

    Attachments:
    You must be logged in to view attached files.
Viewing 2 posts - 1 through 2 (of 2 total)

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