Slide

Settings  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 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 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 page, 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.
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 on mobile screens:

  • Left
  • Center
  • Right
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us