Before and after settings
| Setting | Description |
| Image height | You can use this slider to adjust the image height. |
| Heading | Type the text in the provided field to add a heading to the section. In the top menu of the field, you can find options to customize the heading, such as making its font bold or light, italic, or adding a hyperlink. Furthermore, you can click the dynamic source button to insert a dynamic source as the title of the section. |
| Heading alignment | You have three alignment options for the heading to choose from:
|
| 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 and create a visually appealing and cohesive design throughout your site. |
| Description | To add a description to the section, simply enter the text in the provided field. In the top menu of the field, you can find options to customize text, such as making its font bold or light, italic, or adding a hyperlink. Furthermore, you can click the dynamic source button to insert a dynamic source for the featured collection description. |
| Color scheme | Color Scheme allows you to customize every aspect of your theme's colors in the settings. When you apply a color scheme to a specific section, like the “Before and after” section, it automatically updates all associated colors for a cohesive and professional look across your website. |
“Before” settings
| Setting | Description |
| Heading | To add a heading to the image “Before”, 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 its font bold or light, and italic. |
| Image | Upload an image that will be showcased on the left side of the block (the “Before” image). |
“After” settings
| Setting | Description |
| Heading | To add a heading to the image “After”, 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 its font bold or light, and italic. |
| Image | Upload an image that will be showcased on the right side of the block (the “After” image). |
Section padding
| Setting | Description |
| Top padding | The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider. |
| Bottom padding | The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section. |