Address
304 North Cardinal St.
Dorchester Center, MA 02124
Work Hours
Monday to Friday: 7AM - 7PM
Weekend: 10AM - 5PM
Popular Search
mega menudemocartlanguagecolor
Slideshow with tab
2 min read
Table of Contents
The appearance of the slideshow #
| Settings | Description |
| Slide height | Adapt 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 Fit: Automatically adjusts the slider height based on each image’s original aspect ratio — no cropping. Each image displays in full within the available width. |
| Animation type | Slide/Fade |
| Auto-rotate slides | A slide show can be set to play automatically. |
| Change slides every | Determine how frequently to update slides. Minimum 1s and maximum 10s |
Tab settings #
| Settings | Description |
| Font family | -Body -Heading |
| Font size | Choose your preferred font size from the following options: -Small -Medium -Large |
| Border position | Choose your preferred border from the following options: -None -Top -Bottom -Both |
Slide block settings #
| Settings | Description |
| Tab title | You can add a tab menu for a single slide using the Text editor |
| Desktop image or Video | This is the setting for your slide image or video. The recommended size is 1920 x 900px |
| Show image overlay | Select a color overlay from the bottom to the top of the slider image. When enabled, you can adjust the overlay color and opacity (0–100%) to control how dark or light the overlay appears. |
| Content | Customize the text and layout displayed on each slide. You can set the subheading, heading, description, and button details to create engaging promotional messages or highlight featured products. |
| Subheading | You can add subheadings for a single slide using the Rich Text editor. Learn more about this |
| Letter spacing | Range used for letter spacing up to (0px to 5px). |
| Heading | You can change the text color of the slide. |
| Heading size | Large: 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 |
| Heading line-height | – Small – Medium – Large |
| Description | You can add a slide description using the Rich Text editor. Learn more about this |
| Button label | This is a button for a single slide. Leave the label blank to hide the button. |
| Button link | This is a link for the button. |
| Button type | Primary: Use a solid background button style Secondary: Use outline button style |
| Button size | You can change the button size by following the options (Large, Medium, Small) |
| Desktop content position | Select the position of the slide’s text content (subheading, heading, description, and button) on desktop screens. You can place the content at the top, middle, or bottom, and align it to the left, center, or right of the slide. The position is automatically optimized for mobile devices. |
| Content alignment | Left: Aligns the content to the left. Right: Aligns the content to the right. Center: Aligns the content to the center. |
| Text color | You can change the text color of the slide. |
| Tab title | Tab item title |
| Mobile image | This is the setting for your slide image on mobile. The recommended size is 600 x 480px |
| Mobile content alignment | You can change the content alignment only for mobile. Left: Aligns the content to the left. Center: Aligns the content in the center. Right: Aligns the content to the right. |
Section padding settings #
| Settings | Description |
| Desktop: Padding top | The 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 bottom | The 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 top | The 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 bottom | The 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