Tab Content Block

tab-content-block-banner
Add a great looking tab content block using our different styles in post/page/portfolio post.

Please follow below steps to use “Tab 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 “Tab Content Block” shortcode.
  • Step 5: Follow below inputs/settings and see “Tab Content Block” preview in frontend.

General (tab)

Tab Content Block Style – Select style from 5 pre-defined styles. There are different data fields for different styles, below are fields for style1.

Left Background Image – Upload Left background image

Background Image Type – Select background type like cover or fix.

Overlay Div – Add Overlay div in content.

Number Text – Add Number.

Title – Add Title.

Icon – Add Icon

Right Title – Add Right side Title.

Content – Add Right Side Content.

Button Config – Define Button Text And Link url.

Style (tab)

Number Color – Choose Color For Number.

Title Color – Choose Color For Title.

Icon Color – Choose Color For Icon.

Content Color – Choose Color For Content.

Button Color – Choose Color For Button.