Blog Post Slider


Place an amazing Blog Post Slider in post/page/portfolio post.

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

General (tab)

Slider Style – Select Style from 4 pre-defined styles. There are different data fields for different styles, below are fields for style1.

Categories – Select Categories of Post.

Show Title – Select Yes to show title.

Show Excerpt – Select Yes to show excerpt.

Excerpt Length – Set Content length.

Slider Configuration (tab)

Set number of items to show per slide for Desktop / Tablet / Mobile devices.

Show Pagination – Select ON to show pagination in slider.

Pagination Style – Select pagination style (Dot Style, Line Style or Round Style)

Pagination Color Style – Select Pagination Color Style (Dark Style or Light Style)

Show Navigation – Select ON to show navigation in slider.

Navigation Style – Select Navigation Style (Next/Prev Black Arrow or Next/Prev White Arrow)

Cursor Color Style – Select Cursor Color Style (White Cursor, Black Cursor or Default Cursor)

Slide Delay Time – Slider Delay time for slider transition.

Style (tab)

Title Color – Choose Color For Title.

Order (tab)

Display Items Order by – Select Order by to filter post.

Display Items Sort by – Select Sortby to ASC or DESC.

Slider ID & Class (tab)

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

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