Slide
| Setting | Description |
|---|---|
| Color scheme | Select a color scheme from the list for the slide 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 slides. 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 mobile | An alternate background image used on mobile screens instead of the desktop Image. Only shown when Image is set. Leave empty to use the same image on mobile. |
| 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 a main heading at the top of 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 heading of the banner. |
| Heading size |
Select the size of the heading text: • Small • Medium • Large |
| Content | Optional text below the heading to provide more details. |
| Button label | To make the button visible on the banner, 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 first 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. • Link with dot: A minimal text-only link with a small dot marker next to it. |
| Second button label | Adds a second button next to the first one. Leave blank to hide the second button. |
| Second button link | Sets the destination URL for the second button. |
| Second button style | Choose the second button's appearance — same options as Button style: Primary, Secondary, Outline, Link, Link with dot. Default: Secondary. |
| 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 layout
| Settings | Description |
| Mobile content alignment |
Align the content inside the containe on mobile screens:
|