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:

  • Small
  • Medium
  • Large

With these options, you can easily customize the heading sizes to best match your website's style.
Heading color

The “Heading color” setting offers four options to customize the color scheme of your section heading:

  • Text main color
  • Text secondary color
  • Headings color
  • Headings secondary color

It's important to note that the color scheme you choose for these four options will be consistent throughout your website. So, when you update the theme settings for these text colors, the same color scheme will be applied to other sections or blocks that use text elements. 
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.
Top space desktop

Your sections can have small or big space from text to the button.

  • Small
  • Large
Desktop content position

Select the vertical alignment of the content:

  • Top: Aligned with the top of the image (left, center, right).
  • Middle: Centered within the height of the image (left, center, right).
  • Bottom: Aligned with the bottom of the image (left, center, right).
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:

  • Left
  • Right
  • Center
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.
Container background color Choose a background for the content container. There are six options: Background main, Background section 1,2,3,4,5. Colors for these backgrounds can be set in the Theme Settings/Colors block.

Mobile layout 


Setting Description
Mobile content alignment

Choose the horizontal alignment of the content on mobile:

  • 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