Testimonials Slider

testimonials-slider-banner
Place an amazing Testimonials Slider in post/page/portfolio post.

Please follow below steps to use “Testimonials 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 “Testimonials Slider” shortcode.
  • Step 5: Follow below inputs/settings to set slider and go to next step to add testimonials.

General (tab)

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)

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

Single Item – Select Single item yes to show single item per slide.

Slider Configuration (tab)

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

Autoplay – Set TRUE to autoplay slider

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”

Step 6: Click on “+” button as show in below image to add slide for testimonial slider.

Step 7: Click on “Add Testimonial” as showing in below image.

Step 8: Follow below inputs/settings and see “Testimonial Slider” preview in frontend.

General (tab)

Testimonial Image – Upload your testimonial image

Testimonial Title – Add Testimonial Title.

Content – Add Content.

Enable Icon – Show Icon in testimonial.

Style (tab)

Title Color – Choose Color For Title.

Icon Color – Choose Color For Icon.

Icon Size – Select Icon Size.

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”