Place an Column in post/page/portfolio post.

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

General (tab)

Alignment Setting – Select Yes to Set Alignment for desktop, ipad and mobile.

Required Padding Setting? – Select Yes to Set Padding for desktop, ipad and mobile.

Required Margin Setting? – Select Yes to Set Margin for desktop, ipad and mobile.

Required Display Settings? – Select Yes to Set Display for desktop, ipad and mobile.

Centralized Div – Add center-col class in column.

Column with Clear both – Add clear-both class in column.

Column Pull Right – Add pull-right class in column.

Set Min Height – Set min height like 500px

Z Index – Set z-index value for column.

Fullscreen Class – Add full-screen class in column.

Responsive (tab)

Add bootstrap classes in column for (desktop, ipad , mobile).

Style (tab)

BackGround Color – Choose Background Color for column.

Animation (tab)

Animation Style – Select Animation style.

Design Options (tab)

Css box – Set padding, margin and border size value  in pixel.

Border color – Select border color for column.

Border style – Select border style for column.

Border radius – Select border radius for column.

Background – Set background image or color for column.

Box controls –  Check the box to simplify the margin, padding and border size for column .

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”.