[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(0,0,0,0.3) » 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= »35019″ 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_empty_space height= »20px »][vc_toggle title= »GET SETTINGS » open= »false » el_class= »shortcode-code »][dt_gap height= »10″ /]VC Element: « Banner »
Type: Uploaded image
Background image: Select your image
Content: Add content in text area
Banner link: http://themeforest.net/user/Dream-Theme/portfolio?ref=Dream-Theme
Open link in: New Window
Background color: rgba(0,0,0,0.3)
Border color: #ffffff
Font size: large
Border width: 3
Outer padding: 18
Inner padding: 5
Banner minimal height: 160
Animate: Fadein[dt_gap height= »10″ /][/vc_toggle][/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.01) » 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= »35086″ 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= »20px »][vc_toggle title= »GET SETTINGS » open= »false » el_class= »shortcode-code »][dt_gap height= »10″ /]VC Element: « Banner »
Type: Uploaded image
Background image: Select your image
Content: Add content in text area
Banner link: http://themeforest.net/user/Dream-Theme/portfolio?ref=Dream-Theme
Open link in: New Window
Background color: rgba(255,255,255,0.85)
Border color: rgba(255,255,255,0)
Font size: large
Border width: 10
Outer padding: 20
Inner padding: 10
Banner minimal height: 233
Animate: Fadein[dt_gap height= »10″ /][/vc_toggle][vc_empty_space height= »44px »][/vc_column][vc_column width= »1/2″][dt_banner bg_color= »rgba(0,0,0,0.3) » 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= »35024″ 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= »20px »][vc_toggle title= »GET SETTINGS » open= »false » el_class= »shortcode-code »][dt_gap height= »10″ /]VC Element: « Banner »
Type: Uploaded image
Background image: Select your image
Content: Add content in text area
Banner link: http://themeforest.net/user/Dream-Theme/portfolio?ref=Dream-Theme
Open link in: New Window
Background color: rgba(0,0,0,0.3)
Border color: rgba(255,255,255,0.85)
Font size: large
Border width: 2
Outer padding: 30
Inner padding: 0
Banner minimal height: 202
Animate: Fadein[dt_gap height= »10″ /][/vc_toggle][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= »35022″ 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= »20px »][vc_toggle title= »GET SETTINGS » open= »false » el_class= »shortcode-code »][dt_gap height= »10″ /]VC Element: « Banner »
Type: Uploaded image
Background image: Select your image
Content: Add content in text area
Banner link: https://www.facebook.com/photo.php?fbid=694064320631445
Open link in: Same Window
Background color: rgba(0,0,0,0.5)
Border color: #ffffff
Font size: large
Border width: 0
Outer padding: 0
Inner padding: 0
Banner minimal height: 335
Animate: Fadein[dt_gap height= »10″ /][/vc_toggle][vc_empty_space height= »44px »][/vc_column][vc_column width= »1/2″][dt_banner bg_image= »http://the7.dream-demo.com/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= »35177″][dt_gap height= »120″ /]
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_banner][vc_empty_space height= »20px »][vc_toggle title= »GET SETTINGS » open= »false » el_class= »shortcode-code »][dt_gap height= »10″ /]VC Element: « Banner »
Type: Uploaded image
Background image: Select your image
Content: Add content in text area
Banner link: http://themeforest.net/user/Dream-Theme/portfolio
Open link in: New Window
Background color: rgba(0,0,0,0.3)
Border color: rgba(0,0,0,0.01)
Font size: large
Border width: 0
Outer padding: 0
Inner padding: 0
Banner minimal height: 335
Animate: Fadein[dt_gap height= »10″ /][/vc_toggle][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= »20px »][vc_toggle title= »GET SETTINGS » open= »false » el_class= »shortcode-code »][dt_gap height= »10″ /]VC Element: « Banner »
Type: Uploaded image
Background image: [Leave empty]
Content: Add content in text area
Banner link: http://themeforest.net/user/Dream-Theme/portfolio
Open link in: New Window
Background color: #3fa5f7
Border color: #3fa5f7
Font size: large
Border width: 10
Outer padding: 0
Inner padding: 5
Banner minimal height: 100
Animate: Fadein[dt_gap height= »10″ /][/vc_toggle][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= »20px »][vc_toggle title= »GET SETTINGS » open= »false » el_class= »shortcode-code »][dt_gap height= »10″ /]VC Element: « Banner »
Type: Uploaded image
Background image: [Leave empty]
Content: Add content in text area
Banner link: http://themeforest.net/user/Dream-Theme/portfolio
Open link in: New Window
Background color: #8056b8
Border color: #986bd4
Font size: large
Border width: 15
Outer padding: 0
Inner padding: 0
Banner minimal height: 83
Animate: Fadein[dt_gap height= »10″ /][/vc_toggle][vc_empty_space height= »44px »][/vc_column][/vc_row]