Split slide

Setting Description
Slide color scheme

Choose the right color scheme from the list for image slide block.

Applying a color scheme to the slide block automatically updates all associated colors set in the theme settings according to the created color schemes.


Left slide


Setting Description
Left slide color scheme

Choose the right color scheme from the list for image left slide.

Applying a color scheme to the slide block automatically updates all associated colors set in the theme settings according to the created color schemes.

Background image Choose a background image for your left slide. 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.
Background video file

Choose a background video for your left slide. Click on “Select Image” to access your media library, upload a video. Also, you can connect a dynamic source by clicking the source button. Once a video is added, you can use the “Change” button to remove, replace, or delete it.

Note that the video replaces the image.

Overlay The “Overlay” setting allows you to adjust the transparency of the overlay that is applied to image or video on your website. Use the slider to make changes.
Label Simply enter text in the label field to show it above the heading as a badge. In the top menu of the field, you can find options to customize the text, such as making it bold, italic, or adding a hyperlink. 
Label icon

This option allows you to style the label by adding an icon.

Upload an icon to be displayed alongside the label.

Heading

To add a heading to the image left slide, 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. 

Furthermore, you can click the dynamic source button to insert a dynamic source as the title of the left slide.

Heading size

The heading size setting offers three options to control the heading size of each slide:

  • Small
  • Medium
  • Large
Subheading Include a subheading for image left slide after heading and customize its appearance using the rich text field.
Button label

Decide whether the left slide includes a button:

  • To display the button, enter text into the field as the label.
  • To hide the button, leave the text field empty.
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 Enable this option to apply an outline style to buttons. This style features a border around the button with a transparent background.
Desktop content position

Customize the position of content on desktop screens:

  • Top: Align content at the top of the section. Options: Left, Center, or Right.
  • Middle: Align content at the center of the section. Options: Left, Center, or Right.
  • Bottom: Align content at the bottom of the section. Options: Left, Center, or Right.

Note: Position is automatically optimized for mobile.

Desktop content alignment

You have three alignment options to align content horizontally on desktop (heading, label, and button) :

  • Left
  • Right
  • Center
Mobile content alignment

Choose the horizontal alignment of the content on mobile:

  • Left
  • Center
  • Right

Right slide


Setting Description
Right slide color scheme

Choose the right color scheme from the list for image right slide.

Applying a color scheme to the slide block automatically updates all associated colors set in the theme settings according to the created color schemes.

Label Simply enter text in the label field to show it above the heading as a badge. In the top menu of the field, you can find options to customize the text, such as making it bold, italic, or adding a hyperlink. 
Label icon

This option allows you to style the label by adding an icon.

Upload an icon to be displayed alongside the label.

Heading

To add a heading to the image right slide, 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. 

Furthermore, you can click the dynamic source button to insert a dynamic source as the title of the left slide.

Heading size

The heading size setting offers three options to control the heading size of each slide:

  • Small
  • Medium
  • Large
Subheading Include a subheading for image right slide after heading and customize its appearance using the rich text field.
Badge Upload an image to display it in the top-right corner. For optimal appearance, it's recommended to use a small image that serves as a badge.
Image Choose an image to display it in the center of right slide. 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.
Button label

Decide whether the right slide includes a button:

  • To display the button, enter text into the field as the label.
  • To hide the button, leave the text field empty.
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 Enable this option to apply an outline style to buttons. This style features a border around the button with a transparent background.
Desktop content position

Customize the position of content on desktop screens:

  • Top: Align content at the top of the section. Options: Left, Center, or Right.
  • Middle: Align content at the center of the section. Options: Left, Center, or Right.
  • Bottom: Align content at the bottom of the section. Options: Left, Center, or Right.

Note: Position is automatically optimized for mobile.

Desktop content alignment

You have three alignment options to align content horizontally on desktop (heading, label, and button) :

  • Left
  • Right
  • Center
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