Banners

Banner Shortcode

This shortcode can be used for promo purposes, for creating fancy titles & subtitles, showcasing featured posts or projects etc.

GET SETTINGS

VC Element: “Banner”

Type: Uploaded image

Background image: Select your image

Content: Add content in text area

Banner link: https://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

Insert Buttons

Button of any size & style can be easily used in banner’s text area.

Read more

GET SETTINGS

VC Element: “Banner”

Type: Uploaded image

Background image: Select your image

Content: Add content in text area

Banner link: https://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

Border & Paddings

You can set up border width, border color & transparency, inner & outer paddings.

GET SETTINGS

VC Element: “Banner”

Type: Uploaded image

Background image: Select your image

Content: Add content in text area

Banner link: https://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

Banner’s Content

Use can use all standard content editing tools to change text size, color & alignment.

Read more

GET SETTINGS

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

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.

GET SETTINGS

VC Element: “Banner”

Type: Uploaded image

Background image: Select your image

Content: Add content in text area

Banner link: https://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

Banner with no image

GET SETTINGS

VC Element: “Banner”

Type: Uploaded image

Background image: [Leave empty]

Content: Add content in text area

Banner link: https://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

Banner with no image

GET SETTINGS

VC Element: “Banner”

Type: Uploaded image

Background image: [Leave empty]

Content: Add content in text area

Banner link: https://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