Banner Slider Shortcode

Banner Slider shortcode

This shortcode allows creating awesome banner sliders on your pages

Content Settings:

Templates - Here you can see template style for your banner slider - HR Consult Modern.

HR Consult Modern Style:

Banners:

Add item - Please, add the item to create and edit the slide.

Background Image - Here you can add the image for the background.

Element Tag for Title - Select a title tag.

Title - Here you can add the title for current banner slide. To Hightlight text insert text between: <i> Your Text Here </i>, To Hightlight text with color insert text between: [[ Your Text Here ]], For text in new line use <br>

Description - Here you can add the description for the current banner slide.

Align - Here you can select the content align.

Buttons direction - Please, select horizontal or vertical buttons direction .

Add button? - Turn on the switcher to add the button for current banner slide. If you turn on the switcher, there are the next items:

Button items:
  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button. It only works if the box-shadow is specified in skin generator.

Add additional button? - Turn on the switcher to add the additional button for current banner slide.

Button items:

  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button. It only works if the box-shadow is specified in skin generator.
Swiper Settings:

Change swiper options? - Turn on switcher if you want to change the following swiper options:

  • Arrows - Turn on the switcher to display swiper in arrows style;
  • Pagination - Turn on the switcher to display the sliders pagination;
  • Effect Type - Here you can select from the list the effect type for swiper (Slide, Fade, Cube, Flip, Coverflow);
  • Loop - Turn on the switcher to display the loop effect;
  • Simulate Touch - Turn on the switcher to simulate touch effect;
  • Autoplay - Please, enter autoplay speed(in ms). 0 - autoplay off;
  • Speed - Please, enter speed(in ms);
  • Lazy load image - Amount of next/prev slides to preload lazy images in. (if 0 - lazy load off).