Address
304 North Cardinal St.
Dorchester Center, MA 02124

Work Hours
Monday to Friday: 7AM - 7PM
Weekend: 10AM - 5PM

View Categories

Slideshow

4 min read

The appearance of the slideshow #

SettingsDescription
Slide heightAdapt to first image: Uses the aspect ratio of the slider’s first image the other images are cropped.
Small: This is the smallest height of the slider. Desktop height: 500px, Mobile height: 280px
Medium: This is the medium height of the slider. Desktop height: 650px, Mobile height: 340px
Large: This is the maximum height of the slider. Desktop height: 890px, Mobile height: 390px
Auto-rotate slidesA slide show can be set to play automatically.
Change slides everyDetermine how frequently to update slides. Minimum 1s and maximum 10s
Show paginationYou can hide/show slider pagination bullet points. The bullet point will help you to present the specific slide.
Pagination styleDots (default): If you select it, the pagination will be displayed as a bullet button. You can go to the next/prev slide by clicking the bullet points.
Counter: If you select it, it will display the slider’s current slide position number and total slide count. e.g: 1/3
Numbers: If you select it, it will display the slider position/index number. You can go to the specific slide using the number pagination buttons. e.g: 1 2 3
Pagination colorDark (default): it will show you as a paginated black color.
Light: it will show you as a paginated white color.
Show navigationYou can hide/show slider navigation next/prev arrow button. You can go to the next/prev slide by clicking the next/prev buttons.
Hover background colorThis is the navigation button hover background color.
Hover text colorThis is the navigation button text hover color,

Mobile settings #

SettingsDescription
Show content below images on mobileYou can show slider content below the image for the mobile device.
Show paginationYou can hide/show slider pagination bullet points for the mobile device.
Pagination colorDark (default): it will show you as a paginated black color.
Light: it will show you as a paginated white color.
Show navigationYou can hide/show slider navigation next/prev arrow button for the mobile device.

Slide block settings #

SettingsDescription
Desktop imageThis is the setting for your slide image. The recommended size is 1920 x 900px
HeadingRichText: You can add a slide title using the RichText editor. Learn more about this
Heading sizeLarge: This is the large text size of the section heading. Desktop size: 96px, Mobile Size: 30px
Medium: This is the medium text size of the section heading. Desktop size: 70px, Mobile Size: 28px
Small: This is the medium text size of the section heading. Desktop size: 50px, Mobile Size: 25px
SubheadingYou can add subheadings for a single slide using the RichText editor. Learn more about this.
Button labelThis is a button for a single slide. Leave the label blank to hide the button.
Button linkThis is a link for the button.
Button typePrimary: Use a solid background button style
Secondary:
Use outline button style
Button sizeYou can change the button size follow the options, (Large, medium, small)
Image overlay opacityYou can add an overlay on the image from 0 to 100%.
Desktop content positionYou can change position follow the options,
– Top left
– Top center
– Top right
– Middle left
– Middle center
– Middle right
– Bottom left
– Bottom center
– Bottom right

NOTE: Position is automatically optimized for mobile.
Content alignmentLeft: Aligns the content to the left.
Right:
 Aligns the content to the right.
Center: Aligns the content to the center.
Text colorYou can change text color of the slide.
Mobile imageThis is the setting for your slide image on mobile. The recommended size is 600 x 480px
Mobile content alignmentYou can change the content alignment only for mobile,
Left: Aligns the content to the left.
Right:
 Aligns the content to the right.
Center: Aligns the content to the center.

Section padding settings #

SettingsDescription
Desktop: Padding topThe section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.
Desktop: Padding bottomThe section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.
Mobile: Padding topThe section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the mobile.
Mobile: Padding bottomThe section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.

Powered by BetterDocs

Leave a Reply

Your email address will not be published. Required fields are marked *