Page template settings (banner)
| Setting | Description |
| Heading size | The heading size setting offers three options to control the size of your main heading on the page:
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. |
| Heading weight | Choose the appropriate font weight for headings to ensure they stand out and align with your design. |
| Heading color | The 'Heading color' setting offers four options to customize the color scheme of your main heading:
|
| Banner background image | Add an image as the background for your banner to enhance its visual appeal and match your overall design. |
| Banner background mobile | Choose a different background image for mobile devices to ensure the banner looks good and maintains visual consistency across different screen sizes. |
| Banner left overlay | Apply an overlay over the banner image on the left to enhance its visual appeal. |
| Banner right overlay | Add a second overlay to the banner image on the right, allowing for creative combinations of overlay. |
| Make section full width | Mark the checkbox, and the section will take up the full width of the page. |
| Shape position | Choose the position of shape: Top: The shape is displayed only at the top of the section. Bottom: The shape is displayed only at the bottom of the section. Both: The shape is shown at both the top and bottom of the section. |
| Type | Select the shape type that enhances the visual appeal of your banner the most. |
| Color | You can select the color of the shape to complement the color of the banner. |
| Width | Adjust the shape width using the slider. But notice that it has an impact on section width. |
| Background color | There are five options: Background main, Background section 1,2,3,4,5. Colors for these backgrounds can be set in the Theme Settings/Colors block. |
| Background gradient | Use the gradient picker to create a custom gradient for your section background. |
| 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. |