Banner Slider shortcode
This shortcode allows to create awesome banner sliders on your pages. This theme include BannerSlider 11 Layout.
Use custom font for title? - Turn on the switch if you want to customize title typography.
Use custom font for description? - Turn on the switch if you want to customize description typography.
Make arrows square border? - Turn on the switch if you want to make the slider arrows be placed in squares.
Make Highlight text as text shadow? - Turn on the switch if you want to add the shadow effect for the title.
Add item - Please, add the item to create and edit the slide.
Banners:
Background Image - Here you can add the image for the background.
Element tag for the title - Here you can select the title tag.
Subtitle - Fill in the text for a subtitle.
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.
- 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.
- Enable Full Width - Turn on the switch if you want the button to be wide.
- 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.
- Enable Full Width - Turn on the switch if you want the button to be wide.
Slider Options:
Use custom font for arrows? - Turn on the switch if you want to customize the arrows.
Text Color - Here you can select text color from the palette.
Alignment - Here you can select the type of text alignment.
Typography items:
- Family - Here you can select the typography for the text.
- Size - Here you can set up the text size.
- Weight - Please, select the weight for the text.
- Transform - This option allows to change the case of the text.
- Style - Please, select a text style for the text.
- Decoration - Please, select a style for the text-decoration.
- Line-Height - Here you can enter a line height for the text
- Letter Spacing - Here you can enter a letter spacing for the text.
Change slider options - Turn on the switch if you want to change slider options.
Arrows - Turn on the switch if you want the arrows to be shown on the slider.
Pagination - Turn on the switch if you want the pagination elements to be shown on the slider.
Effect type - Here you can choose the type of effect that slides are changed with.
Loop - Turn on the switch if you want the slides to loop.
Simulate touch - Turn on the switch if you want to have touch effect to be applicable to the slides.
Autoplay - Here you can set the time of each slide to stay on the screen.
Speed - Here you can set the time that takes slides to switch.
Lazy load image - Here you can set the number of the slides to preload images.
Text Typography:
Text Color - Here you can select text color from the palette.
Alignment - Here you can select the type of text alignment.
Typography items:
- Family - Here you can select the typography for the text.
- Size - Here you can set up the text size.
- Weight - Please, select the weight for the text.
- Transform - This option allows to change the case of the text.
- Style - Please, select a text style for the text.
- Decoration - Please, select a style for the text-decoration.
- Line-Height - Here you can enter a line height for the text
- Letter Spacing - Here you can enter a letter spacing for the text.