Slide with images

Settings	Description
Color scheme	Select a color scheme from the list for the slide with images block. Applying a color scheme updates all related colors based on the theme’s predefined color schemes.
Background gradient	Add a linear gradient to the banner background. You can customize its direction, colors, and position in the gradient settings.
Image	Select a background image for your slideshow. Click on “Select Image” to access your media library, upload a new image, or explore free images. Also, you can connect a dynamic source by clicking the source button. Once an image is added, you can use the “Change” button to remove, replace, or delete it.
Image overlay opacity	Adjust the transparency of the color overlay applied on top of the banner image.
Subheading	Display a short line of text above the main heading to provide additional context or emphasis.
Heading	Display main title on the banner. In the top menu of the field, you can find options to customize it, such as making it bold or italic. Furthermore, you can click the dynamic source button to insert a dynamic source as the title of the section.
Heading size	Select heading size: Small Medium Large
Content	Optional text below the heading to provide more details.
Button label	To make the button visible in this block, you need to add a label to it. The label is the text that appears on the button and gives it a purpose or indicates the action it performs. Without a label, the button will be hidden and not visible to users on the page.
Button link	To set a button link, you can enter the link URL directly into the “Button link” field or select a page from the dropdown list of options that appears when you click on the field.
Button style	Choose the button’s appearance: Primary: Uses the primary button color defined in color scheme. Secondary: Uses the secondary button color defined in each color scheme. Outline: A button with a border and no fill. Link: A minimal button style aligned with the text.
Desktop content position	Set the vertical and horizontal position of the content on desktop: Top: Left / Center / Right Middle: Left / Center / Right Bottom: Left / Center / Right
Show container on desktop	Enable a container around the content to keep it aligned with the page layout.
Desktop content alignment	Align the content inside the container: Left Center Right
Mobile content alignment	Align the content on mobile screens: Left Center Right

Images

Settings	Description
Animate images	Enable this option to add a parallax effect, where images and content scroll with smooth animation across the banner.
Image 1, 2, 3, 4, 5	You can add from 1 up to 5 images to display over the banner.
For each image (1, 2, 3, 4, 5):
Image width	Adjust the width of the image on desktop screens.
Image width mobile	Adjust the width of the image on mobile devices.
Image horizontal position	Set the horizontal placement of the image.
Image vertical position	Set the vertical placement of the image.