[vc_row margin_bottom=”44″][vc_column][dt_banner image_id=”34237″ link=”http://themeforest.net/user/Dream-Theme/portfolio?ref=Dream-Theme” target_blank=”true” outer_padding=”18″ inner_padding=”5″ min_height=”160″ animation=”fadeIn” bg_opacity=”30″]
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=”25px”][vc_toggle title=”GET SETTINGS”][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.4)
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][vc_column width=”1/2″][dt_banner image_id=”34035″ bg_color=”rgba(255,255,255,0.85)” text_color=”rgba(255,255,255,0.01)” border_width=”10″ outer_padding=”20″ min_height=”233″ animation=”fadeIn” bg_opacity=”80″][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 link=”http://themeforest.net/user/Dream-Theme/portfolio?ref=Dream-Theme” target_blank=”true” button_alignment=”default” animation=”fadeIn” size=”small” style=”outline” bg_color_style=”custom” bg_color=”rgba(34,34,34,1)” bg_hover_color_style=”custom” bg_hover_color=”rgba(34,34,34,0.5)” text_color_style=”custom” text_color=”rgba(34,34,34,1)” text_hover_color_style=”custom” text_hover_color=”rgba(34,34,34,0.5)” icon=”” icon_align=”left”]LEARN MORE[/dt_button]
[/dt_banner][vc_empty_space height=”25px”][vc_toggle title=”GET SETTINGS”][dt_gap height=”10″ /]VC Element: “Banner”
Type: Uploaded image
Background image: Select your image
Content: Add content in text area
Banner link: None
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 image_id=”33999″ link=”http://themeforest.net/user/Dream-Theme/portfolio?ref=Dream-Theme” target_blank=”true” bg_color=”rgba(0,0,0,0.3)” text_color=”rgba(255,255,255,0.85)” border_width=”2″ outer_padding=”30″ inner_padding=”0″ min_height=”202″ animation=”fadeIn” bg_opacity=”50″][dt_gap height=”10″ /]
Border & Paddings
You can set up border width, border color & transparency, inner & outer paddings.
[/dt_banner][vc_empty_space height=”25px”][vc_toggle title=”GET SETTINGS”][dt_gap height=”10″ /]VC Element: “Banner”
Type: Uploaded image
Background image: Select your image
Content: Add content in text area
Banner link: Add your link
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][vc_column width=”1/2″][dt_banner image_id=”34016″ bg_color=”rgba(0,0,0,0.5)” border_width=”0″ outer_padding=”0″ inner_padding=”0″ min_height=”335″ animation=”fadeIn” bg_opacity=”50″][dt_gap height=”10″ /]
Banner’s Content
You can use all standard content editing tools to change text size, color & alignment.
[dt_gap height=”10″ /]
[dt_button link=”http://themeforest.net/user/Dream-Theme/portfolio?ref=Dream-Theme” target_blank=”true” button_alignment=”default” animation=”fadeIn” size=”medium” style=”default” bg_color_style=”default” bg_hover_color_style=”default” text_color_style=”default” text_hover_color_style=”default” icon=”fa fa-chevron-circle-right” icon_align=”right”]Read more[/dt_button]
[/dt_banner][vc_empty_space height=”25px”][vc_toggle title=”GET SETTINGS”][dt_gap height=”10″ /]VC Element: “Banner”
Type: Uploaded image
Background image: Select your image
Content: Add content in text area
Banner link: None
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 image_id=”34020″ link=”http://themeforest.net/user/Dream-Theme/portfolio” target_blank=”true” bg_color=”rgba(0,0,0,0.3)” text_color=”rgba(0,0,0,0.01)” border_width=”0″ outer_padding=”0″ inner_padding=”0″ min_height=”335″ animation=”fadeIn” bg_opacity=”50″][dt_gap height=”130″ /]
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=”25px”][vc_toggle title=”GET SETTINGS”][dt_gap height=”10″ /]VC Element: “Banner”
Type: Uploaded image
Background image: Select your image
Content: Add content in text area
Banner link: Add your link
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_bottom=”-44″][vc_column width=”1/2″][dt_banner link=”http://themeforest.net/user/Dream-Theme/portfolio” target_blank=”true” bg_color=”#3fa5f7″ text_color=”#3fa5f7″ border_width=”10″ outer_padding=”0″ inner_padding=”5″ min_height=”100″ animation=”fadeIn” bg_opacity=”100″][dt_gap height=”10″ /]
Banner with no image
[/dt_banner][vc_empty_space height=”25px”][vc_toggle title=”GET SETTINGS”][dt_gap height=”10″ /]VC Element: “Banner”
Type: Uploaded image
Background image: [Leave empty]
Content: Add content in text area
Banner link: Add your link
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 link=”http://themeforest.net/user/Dream-Theme/portfolio” target_blank=”true” bg_color=”#8056b8″ text_color=”#986bd4″ border_width=”15″ outer_padding=”0″ inner_padding=”0″ min_height=”83″ animation=”fadeIn” bg_opacity=”100″][dt_gap height=”10″ /]
Banner with no image
[/dt_banner][vc_empty_space height=”25px”][vc_toggle title=”GET SETTINGS”][dt_gap height=”10″ /]VC Element: “Banner”
Type: Uploaded image
Background image: [Leave empty]
Content: Add content in text area
Banner link: Add your link
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]