Image/Video Content Block

image-video-content-banner
Add a beautiful block with image or video and on top of that your desired content and call to action buttons.

Please follow below steps to use “Single Image/Video Block” shortcode.

  • Step 1: Login to WordPress Admin section.
  • Step 2: Add/Edit any page/post/portfolio post.
  • Step 3: Click on “+” button (Add New Element), it will show the popup with all shortcodes.
  • Step 4: Click on Brando tab, it will show all shortcodes of Brando theme. Now click on “Single Image/Video Block” shortcode.
  • Step 5: Follow below inputs/settings and see “Single Image/Video Block” preview in frontend.

General (tab)

Single Image/Video Block Style –Select style from 6 pre-defined styles. Each tab style has preview image, it will help you to select best style you like

You will see different content fields as per the style you have selected like image, title, video, content, button text & url, etc…

Background Image – Select background image for video.

Position Relative – Set Yes to add position relative class in this block

Add Container Class – Set Yes to add container class in this block

Scroll To Section – Set Yes and add section id to make a downward arrow visible, which will redirect to specified section when clicked

Add FullScreen Class – Set Yes to make this block full screen

Settings (tab)

Title Color – Add title color for block title.

Show Separator – Add Separator for the block.

Extras (tab)

Extra ID – Define element id (The id attribute specifies a unique id for an HTML element)

Extra Class –Add additional CSS class to this element if you wish, you can define multiple CSS class with use of space like “Class1 Class2”