Banner Slider
This shortcode allows creating awesome banner sliders on your pages.
Templates:
Here you can choose template style for your banner slider (Simple, Acacio Modern, Djo Modern, Djo with video, EWO Banner, Famulus Simple, Famulus with Breadcrumbs, HR Consult Modern, Mooseoom Modern, Mooseoom Creative, Moovit Modern, Moovit Creative, Ninedok Modern, Noize Creative, Outsourceo Modern, Rela Modern, Rela Creative, Soapy Smile, Vestry Creative)
Simple Layout:
Content Settings:
Add item - Please, add the item to create and edit the slide.
Item Settings:
- 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.
- Video Title - Please, enter the title text for the video here.
- Add dark overlay? - Turn on the switcher if you want to add the dark overlay to the current banner.
- Add button? - Turn on the switcher to add the button for the 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
- Add additional button? - Turn on the switcher to add the additional button for the current banner slide. If you turn on the switcher, there are the next items.
Additional 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Alignment - Here you can select the heading alignment.
Text Color - Here you can select heading color from the palette.
Typography items:
- 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 a 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.
- Autoplay - Please, enter autoplay speed(in ms). 0 - autoplay off.
- Speed - Please, enter speed (in ms).
- Lazy load image - Please, enter amount of next/prev slides to preload lazy images in (if 0 - lazy load off).
Image Size Settings:
Image original size - Select the image size here.
Acacio Modern Layout:
Content Settings:
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 the 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
- Add additional button? - Turn on the switcher to add the additional button for the current banner slide. If you turn on the switcher, there are the next items.
Additional 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
Add your colors for swiper bullets? - Turn on the switcher if you want to add your colors for swiper bullets. If you turn on the switcher, there are the next items.
Swiper bullet items:
- Swiper bullet color - Choose the color from the color palette.
- Swiper bullet active color - Choose the color from the color palette.
If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Alignment - Here you can select the heading alignment.
Text Color - Here you can select heading color from the palette.
Typography items:
- 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 a 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.
- Loop - Turn on the switcher to display the loop effect.
- Simulate Touch - Turn on the switcher to display the simulate touch.
- Autoplay - Please, enter autoplay speed(in ms). 0 - autoplay off.
- Speed - Please, enter speed(in ms).
- Number of slides - here you can enter the number of slides by default.
- Number of slides (lg) - Here you can enter the number of default slides on devices width <1200px.
- Slide count (md) - Here you can enter the default slider count for devices with a width of <991px.
- Number of slides (cm) - Here you can enter the default number of slides on devices with a width of <768px.
- Number of slides (xs) - Here you can enter the default number of slides on devices with a width of <480px.
- Slide spaces - Here you can enter the spaces between the default slides.
- Spaces (lg) - Here you can enter spaces between slides on devices with a width of <1200px.
- Spaces (md) - Here you can enter spaces between slides on devices with a width of <991px.
- Spaces (cm) - Here you can enter spaces between slides on devices with a width of <768px.
- Spaces (xs) - Here you can enter slides between devices on widths <480px.
Djo Modern Layout:
Content Settings:
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:
- Image - Here you can add the image for the background.
- Enable overlay for background image? - Turn on the switcher if you want to enable overlay for the background image.
- Overlay Color - Choose the color for the overlay from the color palette.
- Subtitle - Here enter the text for the subtitle.
- Title - Here enter the text for the title.
- Align - Here you can select the content align.
- Element tag for Title - Please, select the tag for the title.
- Add button? - Turn on the switcher to add the button for the 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
Use custom font for Subtitle? - urn on the switcher if you want to customize font for the subtitle.
Heading Typography:
If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Alignment - Here you can select the heading alignment.
Text Color - Here you can select heading color from the palette.
Typography items:
- 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 a 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:
- Pagination - Turn on the switcher to display 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 add the 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).
If you turn on the switcher "Use custom font for Subtitle?" in Content Settings you can customize font for the subtitle.
Alignment - Here you can select the subtitle alignment.
Text Color - Here you can select subtitle color from the palette.
Typography items:
- 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 a style for the subtitle decoration.
- Line-Height - Here you can enter a line height for the subtitle.
Djo with video Layout:
Content Settings:
Use custom font for heading? - Turn on the switcher if you want to customize font for the heading.
Use custom font for Subtitle? - Turn on the switcher if you want to customize font for the subtitle.
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.
- Enable overlay for background image? - Turn on the switcher if you want to enable overlay for the background image.
- Overlay Color - Choose the color for the overlay from the color palette.
- Title - Here enter the text for the title.
- Subtitle - Here enter the text for the subtitle.
- Align - Here you can select the content align.
- Element tag for Title - Please, select the tag for the title.
- Add video? - Turn on the switcher if you want to add a video to the slide.
Video Settings:
- Video link - Add link 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).
Heading Typography:
If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Alignment - Here you can select the heading alignment.
Text Color - Here you can select heading color from the palette.
Typography items:
- 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 a 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:
- Pagination - Turn on the switcher to display 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 add the 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).
If you turn on the switcher "Use custom font for Subtitle?" in Content Settings you can customize font for the subtitle.
Alignment - Here you can select the subtitle alignment.
Text Color - Here you can select subtitle color from the palette.
Typography items:
- 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 a style for the subtitle decoration.
- Line-Height - Here you can enter a line height for the subtitle.
EWO Banner Layout:
Content Settings:
Use custom font for heading? - Turn on the switcher if you want to customize font for the heading.
Use glitch effect for heading? - Turn on the switcher if you want to use a glitch effect for the heading.
Use custom font for description? - Turn on the switcher if you want to customize font for the description.
Add item - Please, add the item to create and edit the slide.
- Image - Here you can add the image for the background.
- Enable overlay for background image? - Turn on the switcher if you want to enable overlay for the background image.
- Heading - Here enter the text for the heading.
- Description - Here you can add the description for the current banner slide.
- Align - Here you can select the content align.
- Use background for Video Button? - Turn on the switcher if you want to use the background for Video Button and add the image.
- 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 button items:
- Video Title - Add the video title.
- Video Link - Add the link to video.
- Buttons Style - Select the button style.
- Add button? - Turn on the switcher to add the button for the 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
- Add additional button? - Turn on the switcher to add the additional button for the current banner slide. If you turn on the switcher, there are the next items.
Additional 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
Heading Typography:
If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Alignment - Here you can select the heading alignment.
Text Color - Here you can select heading color from the palette.
Typography items:
- 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 a style for the heading decoration.
- Line-Height - Here you can enter a line height for the heading.
EWO Description Typography:
If you turn on the switcher "Use custom font for description?" in Content Settings you can customize font for the description.
Text Color - Here you can select description color from the palette.
Typography items:
- Family - Here you can select the typography for the description.
- Size - Here you can set up the description size.
- Weight - Please, select the weight for the description.
- Transform - This option allows to change the case of the text.
- Style - Please, select text style for the description.
- Decoration - Please, select a style for the description decoration.
- Line-Height - Here you can enter a line height for the description.
Famulus Simple Layout:
Content Settings:
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.
- Video Title - Add the video title.
- 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 the 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
- Add additional button? - Turn on the switcher to add the additional button for the current banner slide. If you turn on the switcher, there are the next items.
Additional 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
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.
Use custom font for Description? - Turn on the switcher if you want to customize font for the description.
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.
Use custom font for Video Link? - Turn on the switcher if you want to customize the font for the video link.
Heading Typography:
If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Alignment - Here you can select the heading alignment.
Text Color - Here you can select heading color from the palette.
Typography items:
- 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.
- Autoplay - Please, enter autoplay speed(in ms). 0 - autoplay off.
- Speed - Please, enter speed (in ms).
Famulus Description Typography:
If you turn on the switcher "Use custom font for Description?" in Content Settings you can customize font for the description.
Text Color - Here you can select description color from the palette.
Typography items:
- Family - Here you can select the typography for the description.
- Size - Here you can set up the description size.
- Weight - Please, select the weight for the description.
- Transform - This option allows to change the case of the text.
- Style - Please, select text style for the description.
- Decoration - Please, select style for the description decoration.
- Line-Height - Here you can enter a line height for the description.
Video Link Typography:
If you turn on the switcher "Use custom font for Video Link?" in Content Settings you can customize font for the video link.
Text Color - Here you can select video link color from the palette.
Typography items:
- Family - Here you can select the typography for the video link.
- Size - Here you can set up the video link size.
- Weight - Please, select the weight for the video link.
- Transform - This option allows to change the case of the text.
- Style - Please, select text style for the video link.
- Decoration - Please, select style for the video link decoration.
- Line-Height - Here you can enter a line height for the video link.
Finance with Breadcrumbs Layout:
Content Settings:
Image - Please, choose an image to the current banner here.
Title - Add the title to the current banner.
Add overlay to image? - Turn on the switcher if you want to add an overlay to the image.
White text? - Turn on the switcher if you want to make the text white.
If you turn on the switcher "Use custom font for Links?" in Content Settings you can customize font for the links. Text Color - Here you can select links color from the palette. Typography items:
- Family - Here you can select the typography for the links.
- Size - Here you can set up the links size.
- Weight - Please, select the weight for the links.
- Transform - This option allows to change the case of the text.
- Style - Please, select text style for the links.
- Decoration - Please, select a style for the links decoration.
- Line-Height - Here you can enter a line height for the links.
HR Consult Modern Layout:
Content Settings:
Use custom font for heading? - Turn on the switcher if you want to customize font for the heading.
Banners:
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.
- Element tag for title - Please, select the tag for the title.
- Subtitle - Here you can add the text for the subtitle.
- 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 the 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
- Add additional button? - Turn on the switcher to add the additional button for the 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
Additional button items:
Use custom font for subtitle? - Turn on the swUse custom font for subtitle? - Turn on the switcher if you want to customize font for the subtitleitcher if you want to customize font for the subtitle.
Use custom font for description? - Turn on the switcher if you want to customize font for the description.
Use custom font for arrows? - Turn on the switcher if you want to customize the font for the arrows.
How to customize typography you can check in Typography Settings Category:
- Heading Typography
- Arrow Typography
- Hryzantema Subtitle Typography
- Hryzantema Description Typography
Hryzantema Swiper:
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 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 add the 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).
Mooseoom Modern Layout:
Content Settings:
Use custom font for heading?- Turn on the switch if you want to customize font for the heading.
When arrow On, typography?- Turn on the switch if you want to customize font for the arrows.
Use custom font for subtitle?- Turn on the switch if you want to customize font for the subtitle.
Add item - Please, add the item to create and edit the slide.
Banners:
- Background Image - Here you can add the image for the banner slide.
- Title - Here you can add the title for current banner slide.
- Subtitle - Here you can add the subtitle 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 the 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
- Add additional button? - Turn on the switcher to add the additional button for the current banner slide. If you turn on the switcher, there are the next items.
Additional 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
Use custom font for description?- Turn on the switch if you want to customize font for the description.
Use custom font for arrows text?- Turn on the switch if you want to customize font for the arrows text.
Heading Typography:
If you turn on the switcher "Use custom font for heading?" in Content Settings you can 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
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
- 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).
- Lazy load image - Amount of next/prev slides to preload lazy images in. (if 0 - lazy load off)
Arrows Typography:
If you turn on the switcher "Use custom font for arrows?" in Content Settings you can customize font for the arrows.
Text Color - Here you can select arrows color from the palette.
Typography items:
- Family - Here you can select the typography for the arrows.
- Size - Here you can set up the arrows size.
- Weight - Please, select the weight for the arrows.
- Transform - This option allows to change the case of the text.
- Style - Please, select text style for the arrows.
- Decoration - Please, select style for the arrows decoration.
- Line-Height - Here you can enter a line height for the arrows.
Mooseoom Subtitle Typography:
Text Color - Here you can select subtitle color from the palette.
Typography items:
- 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 a style for the title decoration.
- Line-Height - Here you can enter a line height for the subtitle.
- Letter Spacing - Here you can enter a letter spacing for the subtitle.
Mooseoom Description Typography:
If you turn on the switcher "Use custom font for description?" in Content Settings you can customize font for the description.
Text Color - Here you can select description color from the palette.
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.
Arrows text Typography:
If you turn on the switcher "Use custom font for arrows text?" in Content Settings you can customize font for the arrows text.
Text Color - Here you can select arrows text color from the palette.
Typography item:
- Family - Here you can select the typography for the arrows text.
- Size - Here you can set up the arrows text size.
- Weight - Please, select the weight for the arrows text.
- Transform - This option allows to change the case of the arrows text.
- Style - Please, select text style for the arrows text.
- Decoration - Please, select a style for the arrows text decoration.
- Line-Height - Here you can enter a line height for the arrows text.
Images Size:
Image size - This option allows to resize the image. You can choose the needed size from the list or enter custom image width and height.
Mooseoom Creative Layout:
Content Settings:
Use custom font for heading?- Turn on the switch if you want to customize font for the heading.
When arrow On, typography?- Turn on the switch if you want to customize font for the arrows.
Use custom font for subtitle?- Turn on the switch if you want to customize font for the subtitle.
Add item - Please, add the item to create and edit the slide.
Banners:
- Background Image - Here you can add the image for the banner slide.
- Title - Here you can add the title for current banner slide.
- Subtitle - Here you can add the subtitle 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 the 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
- Add additional button? - Turn on the switcher to add the additional button for the current banner slide. If you turn on the switcher, there are the next items.
Additional 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
Use custom font for description?- Turn on the switch if you want to customize font for the description.
Use custom font for arrows text?- Turn on the switch if you want to customize font for the arrows text.
Heading Typography:
If you turn on the switcher "Use custom font for heading?" in Content Settings you can 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
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
- 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).
- Lazy load image - Amount of next/prev slides to preload lazy images in. (if 0 - lazy load off)
Arrows Typography:
If you turn on the switcher "Use custom font for arrows?" in Content Settings you can customize font for the arrows.
Text Color - Here you can select arrows color from the palette.
Typography items:
- Family - Here you can select the typography for the arrows.
- Size - Here you can set up the arrows size.
- Weight - Please, select the weight for the arrows.
- Transform - This option allows to change the case of the text.
- Style - Please, select text style for the arrows.
- Decoration - Please, select style for the arrows decoration.
- Line-Height - Here you can enter a line height for the arrows.
Mooseoom Subtitle Typography:
Text Color - Here you can select subtitle color from the palette.
Typography items:
- 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 a style for the title decoration.
- Line-Height - Here you can enter a line height for the subtitle.
- Letter Spacing - Here you can enter a letter spacing for the subtitle.
Mooseoom Description Typography:
If you turn on the switcher "Use custom font for description?" in Content Settings you can customize font for the description.
Text Color - Here you can select description color from the palette.
Typography items:
- 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.
Arrows text Typography:
If you turn on the switcher "Use custom font for arrows text?" in Content Settings you can customize font for the arrows text.
Text Color - Here you can select arrows text color from the palette.
- Family - Here you can select the typography for the arrows text.
- Size - Here you can set up the arrows text size.
- Weight - Please, select the weight for the arrows text.
- Transform - This option allows to change the case of the arrows text.
- Style - Please, select text style for the arrows text.
- Decoration - Please, select a style for the arrows text decoration.
- Line-Height - Here you can enter a line height for the arrows text.
Images Size:
Image size - This option allows to resize the image. You can choose the needed size from the list or enter custom image width and height.
Moovit Modern Layout:
Use custom font for heading?- Turn on the switch if you want to customize the font for the heading.
Add item - Please, add the item to create and edit the slide.
Banners:
- Background Image - Here you can add the image for the background.
- Additional Image - Here you can add the additional image.
- Title - Here you can add the title for the 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 the 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
- Add additional button? - Turn on the switcher to add the additional button for the current banner slide. If you turn on the switcher, there are the next items.
Additional 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
Use custom font for description?- Turn on the switch if you want to customize the font for the description.
Heading Typography:
If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Alignment - Here you can select the heading alignment.
Text Color - Here you can select heading color from the palette.
Typography items:
- 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
- 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).
- Lazy load image - Amount of next/prev slides to preload lazy images in. (if 0 - lazy load off)
Image Size Settings:
Image original size - Select the image size here.
Moovit Description Typography:
If you turn on the switcher "Use custom font for description?" in Content Settings you can customize font for the description.
Alignment - Here you can select the description alignment. Text Color - Here you can select description color from the palette.
Typography items:
- Family - Here you can select the typography for the description.
- Size - Here you can set up the description size.
- Weight - Please, select the weight for the description.
- Transform - This option allows to change the case of the text.
- Style - Please, select text style for the description.
- Decoration - Please, select style for the description decoration.
- Line-Height - Here you can enter a line height for the description.
Moovit Creative Layout:
Content settings:
Use custom font for heading?- Turn on the switch if you want to customize the font for the heading.
Add item - Please, add the item to create and edit the slide.
Banners:
Background Image - Here you can add the image for the background.
Additional Image - Here you can add the additional image.
Title - Here you can add the title for current banner slide.
Align - Here you can select the content align.
Use dot in the end title? - Turn on the switcher if you want to add dot in the end of the title.
Color for dot - Please, select the color style of the dot.
Add button? - Turn on the switcher to add the button for the 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
Heading Typography:
If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Alignment - Here you can select the heading alignment.
Text Color - Here you can select heading color from the palette.
Typography items:
- 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
- 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).
- Lazy load image - Amount of next/prev slides to preload lazy images in. (if 0 - lazy load off)
Image Size Settings:
Image original size - Select the image size here.
Ninedok Modern Layout:
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 title - Please, select the tag for the title.
- Subtitle - Here you can add the text for the subtitle for the current banner slide.
- Heading - Please, enter the text for the heading here.
- Description - Here you can add the description for the current banner slide.
- Align - Here you can select the content align.
- Overlay color - Choose the overlay color from the color palette.
- Additional Image - Here you can add the additional image for the current banner.
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
- 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).
- Lazy load image - Amount of next/prev slides to preload lazy images in. (if 0 - lazy load off)
Ninedok Heading Typography:
If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Text Color - Here you can select heading color from the palette.
Typography items:
- 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.
Ninedok Description Typography:
If you turn on the switcher "Use custom font for description?" in Content Settings you can customize font for the description.
Text Color - Here you can select description color from the palette.
Typography items:
- Family - Here you can select the typography for the description.
- Size - Here you can set up the description size.
- Weight - Please, select the weight for the description.
- Transform - This option allows to change the case of the text.
- Style - Please, select text style for the description.
- Decoration - Please, select style for the description decoration.
- Line-Height - Here you can enter a line height for the description.
Size for additional image:
Image original size - Select the image size here.
Noize Creative Layout:
Use custom font for heading?- Turn on the switch if you want to customize the font for the heading.
Add item - Please, add the item to create and edit the slide.
Banners:
- Background Image - Here you can add the image for the background.
- Left Additional Image - Here you can add the left additional image for the current banner.
- Right Additional Image - Here you can add the right additional image for the current banner.
- Title - Please, enter text for the title here.
- Subtitle - Please, enter text for the subtitle here.
Heading Typography:
If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Alignment - Here you can select the heading alignment.
Text Color - Here you can select heading color from the palette.
Typography items:
- 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
- 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).
- Lazy load image - Amount of next/prev slides to preload lazy images in. (if 0 - lazy load off)
Images size:
Image original size - Select the image size here.
Noize Subtitle Typography:
If you turn on the switcher "Use custom font for subtitle?" in Content Settings you can customize font for the subtitle.
Text Color - Here you can select subtitle color from the palette.
Typography items:
- 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.
- Letter Spacing - Here you can enter a letter spacing for the subtitle.
Outsourceo Modern Layout:
Use custom font for heading?- Turn on the switch if you want to customize the font for the heading.
Add item - Please, add the item to create and edit the slide.
Banners:
- Background Image - Here you can add the image for the background.
- Additional Image - Here you can add the additional image for the current banner.
- Enable overlay for background image? - Turn on the switcher if you want to add the overlay for the background image.
- Title - Add the title to the current banner.
- Use dot in the end title? - Turn on the switcher if you want to add a dot at the end of the title.
- 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 the 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
Heading Typography:
If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Alignment - Here you can select the heading; Text Color - Here you can select heading color from the palette.
Typography items:
- 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.
- Letter Spacing - Here you can enter a letter spacing 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
- 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).
- Lazy load image - Amount of next/prev slides to preload lazy images in. (if 0 - lazy load off)
Images size:
Image original size - Select the image size here.
Images size for additional image:
Image original size - Select the image size here.
Outsourceo Description Typography:
If you turn on the switcher "Use custom font for description?" in Content Settings you can customize font for the description.
Text Color - Here you can select description color from the palette.
Typography items:
- Family - Here you can select the typography for the description.
- Size - Here you can set up the description size.
- Weight - Please, select the weight for the description.
- Transform - This option allows to change the case of the text.
- Style - Please, select text style for the description.
- Decoration - Please, select style for the description decoration.
- Line-Height - Here you can enter a line height for the description.
- Letter Spacing - Here you can enter a letter spacing for the description.
Rela Modern Layout:
Use custom font for heading?- Turn on the switch if you want to customize the font for the heading.
Use custom font for description?- Turn on the switch if you want to customize the font for the description.
Add item - Please, add the item to create and edit the slide.
Banners:
- Background Image - Here you can add the image for the background.
- Additional Image - Here you can add the additional image for the current banner.
- Title - Add the title to the current banner.
- 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.
- Overlay color - Please, choose the overlay color from the color palette.
- Description Max width - You can choose the width of the description here.
- Title Max width - You can choose the width of the title here.
- Add button? - Turn on the switcher to add the button for the 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
- Add additional button? - Turn on the switcher to add the additional button for the current banner slide. If you turn on the switcher, there are the next items.
Additional 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
Heading Typography:
If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Alignment - Here you can select the heading;
Text Color - Here you can select heading color from the palette.
Typography items:
- 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.
- Letter Spacing - Here you can enter a letter spacing 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 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 add the 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).
Rela Description Typography:
If you turn on the switcher "Use custom font for description?" in Content Settings you can customize font for the description.
Text Color - Here you can select description color from the palette.
Alignment - Here you can select the description.
Typography items:
- Family - Here you can select the typography for the description.
- Size - Here you can set up the description size.
- Weight - Please, select the weight for the description.
- Transform - This option allows to change the case of the text.
- Style - Please, select text style for the description.
- Decoration - Please, select style for the description decoration.
- Line-Height - Here you can enter a line height for the description.
- Letter Spacing - Here you can enter a letter spacing for the description.
Additional Image size:
Image original size - Select the image size here.
Rela Creative Layout:
Use custom font for pagination? - Turn on the switcher if you want to customize the font for pagination.
Add item - Please, add the item to create and edit the slide.
Banners:
Background Image - Here you can add the image for the background to the banner slide.
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 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 add the 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).
Images size:
Image original size - Select the image size here.
Pagination Typography:
If you turn on the switcher "Use custom font for pagination?" in Content Settings you can customize font for the pagination.
Text Color - Here you can select pagination color from the palette.
Alignment - Here you can select the pagination.
Typography items:
- Family - Here you can select the typography for the pagination.
- Size - Here you can set up the pagination size.
- Weight - Please, select the weight for the pagination.
- Transform - This option allows to change the case of the text.
- Style - Please, select text style for the pagination.
- Decoration - Please, select style for the pagination decoration.
- Line-Height - Here you can enter a line height for the pagination.
- Letter Spacing - Here you can enter a letter spacing for the pagination.
Soapy Simple Layout:
Add item - Please, add the item to create and edit the slide.
Banners:
- Background Image - Here you can add the image for the background to the current banner slide.
- Add border image? - Turn on the switcher if you want to add a border-image.
- Image Before Subtitle - Here you can add the image before subtitle to the current banner slide.
- Content Border Image - Here you can add the image for the content border to the current banner slide.
- Subtitle - Here you can add the subtitle for the current banner slide.
- Remove space under subtitle? - Turn on the switcher if you want to remove space under subtitle.
- Subtitle Background - Here you can add the image for the subtitle background to the current banner slide.
- Title - Here you can add the title for the current banner slide.
- Element Tag for Title - Select a title tag.
- Overlay - Please, select the style of the overlay here.
- Add button? - Turn on the switcher to add the button for the 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).
Use custom font for heading? - Turn on the switcher if you want to customize the font for heading.
Use custom font for subtitle? - Turn on the switcher if you want to customize the font for subtitle.
Use custom font for arrow? - Turn on the switcher if you want to customize the font for arrow.
Swipe Settings:
This is available only if you turn in the option "Use custom font for arrow".
Text Color - Here you can select banner highlight color from the palette.
Typography items:
- Family - Here you can select the typography for the banner highlight.
- Size - Here you can set up the banner highlight size.
- Weight - Please, select the weight for the banner highlight.
- Transform - This option allows to change the case of the text.
- Style - Please, select text style for the banner highlight.
- Decoration - Please, select style for the banner highlight decoration.
- Line-Height - Here you can enter a line height for the banner highlight.
- Letter Spacing - Here you can enter a letter spacing for the banner highlight.
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. If you turn on the switcher you have the next items:
- Arrow Style - Please, select the arrow style here.
- 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).
Soapy Heading Typography:
If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Alignment - Here you can select the heading;
Text Color - Here you can select heading color from the palette.
Typography items:
- 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.
- Letter Spacing - Here you can enter a letter spacing for the heading.
Soapy Subtitle Typography:
If you turn on the switcher "Use custom font for subtitle?" in Content Settings you can customize font for the subtitle.
Alignment - Here you can select the subtitle;
Text Color - Here you can select subtitle color from the palette.
Typography items:
- 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.
- Letter Spacing - Here you can enter a letter spacing for the subtitle.
Vestry Creative Layout:
Content Settings:
Add item - Please, add the item to create and edit the slide.
Banners:
- Background Image - Here you can add the image for the banner slide.
- Enable overlay for background image? - Turn on the switcher if you want to add overlay color to the background image.
- Subtitle - Here you can add the subtitle for the current banner slide.
- Title - Here you can add the title for the current banner slide.
- Description - Here you can add the description for the current banner slide.
- Add video? - Turn on the switcher to add the video for the current banner slide. If you turn on the switcher, there are the next items:
Video items:
- Video Title - Add the video title.
- Video Link - Add the link to video.
- Buttons Style - Select the button style.
- Add button? - Turn on the switcher to add the button for the 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
- Add additional button? - Turn on the switcher to add the additional button for the current banner slide. If you turn on the switcher, there are the next items.
Additional 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.
- Enable Full width - Turn on the switcher if you want to enable full width to the current button.
Use custom font for subtitle? - Turn on the switcher if you want to customize the font for subtitle.
Use custom font for heading? - Turn on the switcher if you want to customize the font for heading.
Use custom font for description? - Turn on the switcher if you want to customize the font for description.
Swiper Settings:
Change swiper options? - Turn on switcher if you want to change the following swiper options:
- Pagination - Turn on the switcher to display 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 add the 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).
Vestry Subtitle Typography:
If you turn on the switcher "Use custom font for subtitle?" in Content Settings you can customize font for the subtitle.
Text Color - Here you can select subtitle color from the palette.
Typography items:
- 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.
- Letter Spacing - Here you can enter a letter spacing for the subtitle.
Vestry Heading Typography:
If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Text Color - Here you can select heading color from the palette.
Typography items:
- 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.
- Letter Spacing - Here you can enter a letter spacing for the heading.
Vestry Description Typography:
If you turn on the switcher "Use custom font for description?" in Content Settings you can customize font for the description.
Text Color - Here you can select description color from the palette.
Typography items:
- Family - Here you can select the typography for the description.
- Size - Here you can set up the description size.
- Weight - Please, select the weight for the description.
- Transform - This option allows to change the case of the text.
- Style - Please, select text style for the description.
- Decoration - Please, select style for the description decoration.
- Line-Height - Here you can enter a line height for the description.
- Letter Spacing - Here you can enter a letter spacing for the description.