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 (Famulus Simple and Famulus with Breadcrumbs)

Famulus Simple Style:

Banners:

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

• Image - Here you can add the image for the background.
• 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>
• Element Tag for Title - Select a title tag.
• 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 Video button? - Turn on the switcher to add the video button for current banner slide. If you turn on the switcher, there are the next items:

• Video Title - Add the video title.
• Video Link - Add the link to video.
• Buttons Style - Select the button style.

• Add dark overlay? - Turn on the switcher to add dark overlay for current banner slide.
• 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:

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

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

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

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

Enable overlay image for slider? -  Turn on the switcher if you want to enable overlay image for slider. If you turn on the switcher, there is the next item: Overlay Image - Choose the overlay image.

Heading Typography:

Swiper Settings:

• 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.
• Autoplay - Please, enter autoplay speed(in ms). 0 - autoplay off.
• Speed - Please, enter speed (in ms).

Banner Highlight Typography: