Banner Slider

Banner Slider shortcode

This shortcode allows creating awesome banner sliders on your pages

Content Settings:

Templates - Here you can choose template style for your banner slider (This theme includes Aira Modern Template style)

Aira Modern Style:

Use custom font for heading? -  Turn on the switcher if you want to customize font for the heading.

Use custom font for description? -  Turn on the switcher if you want to customize font for the description.

Use custom font for Highlight? -  Turn on the switcher if you want to customize font for the Highlight.

Move navigation arrows to the left? - Turn on the switcher if you want to move navigation to the left
Use dark theme for navigation arrows? - Turn on the switcher if you want to display the dark navigation arrows

Banners:

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

  • Image - Here you can add the image for the slider item.
  • Title - Here you can add the title for current banner slide.
  • 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.
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.
Add an additional button? - This option allows you to add the additional button to the banner slider.
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.
Add the video button? - Please, add a video link to the button.
  • Video link - Please, enter the video link here.
  • Style - Here you can select the video style.
  • Size - Please, select the video section size.

Heading Typography:

Use the custom font for the heading? - Turn on the switch if you want to customize font for the heading.
Text Color - Here you can select heading color from the palette.
Alignment -  - Here you can select the heading alignment.
Typography item:
  • Family - Here you can select the typography for the heading.
  • Size - Here you can set up the heading size.
  • Weight - Please, select the weight for the heading.
  • Transform - This option allows to change the case of the text. 
  • Style - Please, select text style for the heading.
  • Decoration - Please, select style for the heading decoration.
  • Line-Height - Here you can enter a line height for the heading.

Hightlight Typography

  • Text Color - Here you can select title color from the palette.
  • Alignment - Here you can select the title alignment.
Typography item:
  • Family - Here you can select the typography for the Hightlight text.
  • Size - Here you can set up the description text size.
  • Weight - Please, select the weight for the Hightlight text.
  • Transform - This option allows to change the case of the Hightlight text. 
  • Style - Please, select text style for the Hightlight text.
  • Decoration - Please, select a style for the Hightlight text decoration.
  • Line-Height - Here you can enter a line height for the Hightlight text.

Description Typography:

These options is only available if you select the "Use custom font for description" checkbox in the content settings.

  • Text Color - Here you can select title color from the palette.
  • Alignment - Here you can select the title alignment.
Typography item:
  • Family - Here you can select the typography for the description text.
  • Size - Here you can set up the description text size.
  • Weight - Please, select the weight for the description text.
  • Transform - This option allows to change the case of the description text. 
  • Style - Please, select text style for the description text.
  • Decoration - Please, select a style for the description text decoration.
  • Line-Height - Here you can enter a line height for the description text.

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

Images Size:

Image size - This option allows to resize image. You can choose needed size from the list or enter custom image width and height.