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 “Image/Video Content 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 H-Code tab, it will show all shortcodes of H-Code theme. Now click on “Image/Video Content Block” shortcode.
  • Step 5: Follow below inputs/settings and see “Image/Video Content Block” preview in frontend.

General (tab)

Image/Video Content Block Style –Select style from 22 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…

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

Color (tab)

Text Color – Set color for your title text

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”