[vc_row margin_top=”0″ margin_bottom=”44″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/1″][dt_banner bg_color=”rgba(255,255,255,0.8)” bg_opacity=”30″ text_color=”#ffffff” text_size=”big” border_width=”3″ outer_padding=”18″ inner_padding=”5″ min_height=”160″ target_blank=”true” animation=”fadeIn” type=”uploaded_image” image_id=”16819″ link=”http://themeforest.net/user/Dream-Theme/portfolio?ref=Dream-Theme”]
Banner Shortcode
This shortcode can be used for promo purposes, for creating fancy titles & subtitles, showcasing featured posts or projects etc.
[/dt_banner][/vc_column][/vc_row][vc_row margin_top=”0″ margin_bottom=”0″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/2″][dt_banner bg_color=”rgba(255,255,255,0.85)” bg_opacity=”80″ text_color=”rgba(255,255,255,0.4)” text_size=”big” border_width=”10″ outer_padding=”20″ inner_padding=”10″ min_height=”233″ target_blank=”true” animation=”fadeIn” type=”uploaded_image” image_id=”20259″ link=”http://themeforest.net/user/Dream-Theme/portfolio?ref=Dream-Theme”][dt_gap height=”10″ /]
Insert Buttons
Button of any size & style can be easily used in banner’s text area.
[dt_gap height=”10″ /]
[dt_button size=”small” color_mode=”custom” color=”#3fa5f7″ link=”http://themeforest.net/user/Dream-Theme/portfolio?ref=Dream-Theme” target_blank=”true”]Read more[/dt_button]
[/dt_banner][vc_empty_space height=”44px”][/vc_column][vc_column width=”1/2″][dt_banner bg_image=”https://worldwideequestrian.com/wwes/wp-content/uploads/2012/09/armada296.jpg” bg_color=”rgba(0,0,0,0.5)” bg_opacity=”50″ text_color=”rgba(255,255,255,0.85)” text_size=”big” border_width=”2″ outer_padding=”30″ inner_padding=”0″ min_height=”202″ target_blank=”true” animation=”fadeIn” type=”uploaded_image” image_id=”20016″ link=”http://themeforest.net/user/Dream-Theme/portfolio?ref=Dream-Theme”][dt_gap height=”10″ /]
Border & Paddings
You can set up border width, border color & transparency, inner & outer paddings.
[/dt_banner][vc_empty_space height=”44px”][/vc_column][/vc_row][vc_row margin_top=”0″ margin_bottom=”0″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/2″][dt_banner bg_color=”rgba(0,0,0,0.5)” bg_opacity=”50″ text_color=”#ffffff” text_size=”big” border_width=”0″ outer_padding=”0″ inner_padding=”0″ min_height=”335″ target_blank=”false” animation=”fadeIn” type=”uploaded_image” image_id=”22849″ link=”https://www.facebook.com/photo.php?fbid=694064320631445&set=a.539649296072949.1073741827.100000836490575&type=3&theater”][dt_gap height=”10″ /]
Banner’s Content
Use can use all standard content editing tools to change text size, color & alignment.
[dt_gap height=”10″ /]
[dt_button size=”small” color_mode=”custom” color=”#986bd4″ link=”http://themeforest.net/user/Dream-Theme/portfolio?ref=Dream-Theme” target_blank=”true”]Read more[/dt_button]
[/dt_banner][vc_empty_space height=”44px”][/vc_column][vc_column width=”1/2″][dt_banner bg_image=”https://worldwideequestrian.com/wwes/wp-content/uploads/2014/05/dt-340.jpg” bg_color=”rgba(0,0,0,0.3)” bg_opacity=”50″ text_color=”rgba(0,0,0,0.01)” text_size=”big” border_width=”0″ outer_padding=”0″ inner_padding=”0″ min_height=”335″ link=”http://themeforest.net/user/Dream-Theme/portfolio” target_blank=”true” animation=”fadeIn” type=”uploaded_image” image_id=”22318″]
Banner’s Link
You can link your banner to any internal or external page. Link can be opened in the same window or in new window.
[dt_gap height=”120″ /][/dt_banner][vc_empty_space height=”44px”][/vc_column][/vc_row][vc_row margin_top=”0″ margin_bottom=”-44″ padding_left=”0″ padding_right=”0″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”0″ padding_bottom=”0″ parallax_speed=”0.1″][vc_column width=”1/2″][dt_banner bg_color=”#3fa5f7″ bg_opacity=”100″ text_color=”#3fa5f7″ text_size=”big” border_width=”10″ outer_padding=”0″ inner_padding=”5″ min_height=”100″ link=”http://themeforest.net/user/Dream-Theme/portfolio” target_blank=”true” animation=”fadeIn” type=”uploaded_image”][dt_gap height=”10″ /]
Banner with no image
[/dt_banner][vc_empty_space height=”44px”][/vc_column][vc_column width=”1/2″][dt_banner bg_color=”#8056b8″ bg_opacity=”100″ text_color=”#986bd4″ text_size=”big” border_width=”15″ outer_padding=”0″ inner_padding=”0″ min_height=”83″ link=”http://themeforest.net/user/Dream-Theme/portfolio” target_blank=”true” animation=”fadeIn” type=”uploaded_image”][dt_gap height=”10″ /]
Banner with no image
[/dt_banner][vc_empty_space height=”44px”][/vc_column][/vc_row]