Image slide
You can add a few ‘Image slide’ blocks and add an image, heading, subheading, and button to each of them individually.
| Setting | Description |
| Image | Choose an 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 chosen, you can use the “Change” button to remove, replace, or delete it. |
| Heading | To add a heading to the section, simply enter the text in the provided field. In the top menu of the field, you can find options to customize the heading such as making it bold, italic, or adding a hyperlink. |
| Heading size | The heading size setting offers three options to control the size of your site's headings:
With these options, you can easily customize the heading sizes to best match your website's style. |
| Subheading | Include a subheading for image slide after heading and customize its appearance using the rich text field. You can find options to customize the subheading such as making it bold, italic, or adding a hyperlink. |
| Button label | Enter the text that you want to display on the button. |
| Button link (paste a link or search) | Input the URL you want the button to direct to, or select a page from the dropdown list of options that appears when you click on the field. Also, you can click the source button to add a dynamic source as a URL. |
| Use outline button style | Outline buttons have a transparent background with a visible border, creating a sleek and modern appearance. Mark the checkbox to add this style. |
| Desktop content position | Select the vertical alignment of the content:
|
| Show container on desktop | Show the container to display text with a colored background on desktop. This will apply to the heading, description, and button text. |
| Desktop content alignment | You have three alignment options to align content horizontally on desktop:
|
| Image overlay opacity | The “Image overlay opacity” setting allows you to adjust the transparency of the overlay that is applied to images on your website. Use the slider to make changes. |
| Color scheme | Choose the right color scheme from the list for image slide content container. Applying a color scheme to a content block automatically updates all associated colors set in the theme settings according to the created color schemes. |
Mobile layout
| Setting | Description |
| Mobile content alignment | Choose the horizontal alignment of the content on mobile:
|