באנרים

[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