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 (Pointe Modern, Pointe Classic or Pointe Grid).
Pointe Modern Style:
Use custom font for heading? - Turn on the switcher if you want to customize font for the heading.
Add item - Please, add the item to create and edit the slide.
Item Settings:
- Background Image - Here you can add the image for the background.
- Additional Image - Here you can add the image for the background.
- Title - Here you can add the title for current banner slide.
- Title 2 - Here you can add the second title for current banner slide.
- Title 3 - Here you can add the third 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. It works only when custom font option for align is off.
- Buttons direction - Please, select horizontal or vertical buttons direction.
- Add button? - Turn on the switcher if you want to add the button to the current banner.
Button Settings:
- 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.
- Enable Full width? - Turn on the switcher if you want to enable the full width to the current button.
- Add additional button? - Turn on the switcher to add the additional button for current banner slide.
- 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.
- Enable Full width? - Turn on the switcher if you want to enable the full width to the current button.
Use custom font for Subtitle? - Turn on the switcher if you want to customize font for the Subtitle.
Heading Typography:
- 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.
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 if you want to enable simulate touch.
- 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).
Subtitle Typography:
- Family - Here you can select the typography for the subtitle.
- Size - Here you can set up the subtitle size.
- Weight - Please, select the weight for the subtitle.
- Transform - This option allows to change the case of the text.
- Style - Please, select text style for the subtitle.
- Decoration - Please, select style for the subtitle decoration.
- Line-Height - Here you can enter a line height for the subtitle.
Images Size for additional image Settings:
Image original size - Select the image size here.
Pointe Classic Style:
Use custom font for heading? - Turn on the switcher if you want to customize font for the heading.
Add item - Please, add the item to create and edit the slide.
Item Settings:
- Background Image - Here you can add the image for the background.
- Additional Image - Here you can add the image for the background.
- Title - Here you can add the title for current banner slide.
- Title 2 - Here you can add the second title for current banner slide.
- Title 3 - Here you can add the third 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. It works only when custom font option for align is off.
- Buttons direction - Please, select horizontal or vertical buttons direction.
-
Add button? - Turn on the switcher if you want to add the button to the current banner.
Button Settings:
- 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.
- Enable Full width? - Turn on the switcher if you want to enable the full width to the current button.
- Add additional button? - Turn on the switcher to add the additional button for current banner slide.
- 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.
- Enable Full width? - Turn on the switcher if you want to enable the full width to the current button.
Use custom font for Subtitle? - Turn on the switcher if you want to customize font for the Subtitle.
Heading Typography:
- 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.
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 -
- 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).
Subtitle Typography:
- Family - Here you can select the typography for the subtitle.
- Size - Here you can set up the subtitle size.
- Weight - Please, select the weight for the subtitle.
- Transform - This option allows to change the case of the text.
- Style - Please, select text style for the subtitle.
- Decoration - Please, select style for the subtitle decoration.
- Line-Height - Here you can enter a line height for the subtitle.
Pointe Grid Style:
Use custom font for heading? - Turn on the switcher if you want to customize font for the heading.
Add item - Please, add the item to create and edit the slide.
Item Settings:
- Background Image - Here you can add the image for the background.
- Additional Image - Here you can add the image for the background.
- Title - Here you can add the title for current banner slide.
- Title 2 - Here you can add the second title for current banner slide.
- Title 3 - Here you can add the third 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. It works only when custom font option for align is off.
- Buttons direction - Please, select horizontal or vertical buttons direction.
- Add button? - Turn on the switcher if you want to add the button to the current banner.
Button Settings:
- 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.
- Enable Full width? - Turn on the switcher if you want to enable the full width to the current button.
- Add additional button? - Turn on the switcher to add the additional button for current banner slide.
- 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.
- Enable Full width? - Turn on the switcher if you want to enable the full width to the current button.
Use custom font for Subtitle? - Turn on the switcher if you want to customize font for the Subtitle.
Heading Typography:
- 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.
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 -
- 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).
Subtitle Typography:
- Family - Here you can select the typography for the subtitle.
- Size - Here you can set up the subtitle size.
- Weight - Please, select the weight for the subtitle.
- Transform - This option allows to change the case of the text.
- Style - Please, select text style for the subtitle.
- Decoration - Please, select style for the subtitle decoration.
- Line-Height - Here you can enter a line height for the subtitle.