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]