About Blum Slideshow SectionClick to copy 2222

How many slides could I add to one Blum Slideshow? Maximum of 5 slides
What is the time range to display one Blum Slideshow? 3 – 10 seconds
Defaulted image size available for Blum Slideshow? Default: 2880x1200px
Mobile view: 750x1400px

The Blum Slideshow section offers the capability to present a series of banners within a single designated section, providing an engaging and dynamic visual display.

Access Blum SlideshowClick to copy 2222

From any page in your Blum Admin Dashboard, click on the “Add section” button > search for Slideshow > click on it to add the slideshow section onto your page.

Blum Slideshow Section ConfigurationClick to copy 2222

To configure the Blum Slideshow section, click on the section to access the configuration settings.

There are 5 tabs to settings for this section: General, Layout, Controller, Content and Accessibility.

Edit GeneralClick to copy 2222

Under the Color Scheme, you can choose a specific scheme for the Header section. To modify or add a new color scheme, go to Theme Settings > Color.

After that, you can enable large heading if you use the slideshow as a hero section. When turning this on, all headings in the Slideshow section will have the headline’s font size.

Note: Enabling large headings will make the headings in the slideshow section stand out more and be more visually appealing. However, it may not be appropriate for all websites. For example, if you have a lot of text in your slideshow, enabling large headings may make the text difficult to read.

Edit LayoutClick to copy 2222

The section offers four height options to cater to your specific requirements. These options are reflected in the “Section height on large screen” option:

  • 50% screen height
  • 70% screen height: This is the default setting and provides the highest quality image display.
  • Full screen height: This option expands the slideshow to cover the entire page’s width and height.
  • Adapt to image: This option automatically adjusts the section’s height based on the background image’s proportions.

Note: When using the ‘Adapt to Image‘ layout, ensure that all images have the same aspect ratio.

Similarly, you can select the height of the section for smaller screens, such as mobile devices, in the “Section height on small screen” option.

Edit ControllerClick to copy 2222

You can choose to display pagination numbers, navigation arrows, or enable autoplay for the slideshow. These options are enabled by default.

The autoplay interval can be adjusted by dragging the ‘Change Slides Every‘ bar. The default autoplay delay is set to 5 seconds, but you can modify it between 3 and 10 seconds using the ‘Autoplay Delay‘ slider.

Consider the text content and images on each slide to determine an appropriate delay time that allows customers to absorb all the important information without pausing. To maintain a positive browsing experience, avoid displaying too many slides in rapid succession.

Edit ContentClick to copy 2222

You can adjust position for the content of the section area, which can be changed at Content Position:

  • Center
  • Left center
  • Left bottom

Edit AccessibilityClick to copy 2222

In Accessibility, you can click on the placeholder to change the Slideshow description.

Blum Slide ConfigurationClick to copy 2222

Please note that you are free to add a maximum of 5 slides in this section.

To customize a slide, click on the desired slide under the Slideshow section. This will reveal the configuration settings for that particular slide.

Edit GeneralClick to copy 2222

To adjust the Overlay opacity, slide the percentage bar in the Overlay settings to the desired opacity:

  • The overlay opacity will be applied to the section and background image list. Therefore, it highlights the content inside the section.
  • You can adjust the overlay range from 0% to 90%.

You can choose the overlay color for the slide by clicking on the Mask overlay.

The color for the content text inside the slide can also be selected in Content overlay.

Edit TextClick to copy 2222

To adjust for each slide, click on the slide and go to the Settings. You can change the content in the slide in the Text tab with Subheading, Heading and Description.

Edit ImageClick to copy 2222

In the Image card, click on the Select image button to upload the background image and mobile background image. The recommended size is 2880x1200px for background image and 750x1400px for mobile background image.

You can set background images separately for large screens and mobile. If you set the background image for the large screen and don’t upload the image for mobile screen, the mobile view will automatically inherit the image of the large screen. If you set the background image only for the mobile screen, the large screen will not inherit the image of the mobile screen.

Edit ButtonClick to copy 2222

In the Buttons card, insert the button label name for the Primary and Secondary button to add buttons on the section. Click on the button link to add a direct link for them. If you want to remove one button, just delete the text in the button label.

Navigate this category