š Introduction
Sections are pre-designed rows with content, including text, images, buttons, and other widgets. You can customize each section to match your websiteās style without needing coding skills.
āØ How to Customize a Section
1ļøā£ Open Section Settings
Hover over the section you want to edit.
Click the āCustomize Sectionā button.
ā
2ļøā£ Change Background
Select a solid color or gradient for the section background.
Background color updates instantly, and text color adjusts automatically for readability.
3ļøā£ Add a Shape Divider
Place a decorative shape at the top or bottom of the section.
Customize the shape and color to create smooth transitions between sections.
4ļøā£ Apply Animations
Choose from:
Fade ā content fades in as the user scrolls.
Slide ā content slides into view from left, right, top, or bottom.
Animations are triggered when visitors scroll to the section.
5ļøā£ Adjust Padding and Spacing
Modify top and bottom spacing to create more or less space around content.
Helps balance the section visually on desktop and mobile devices.
6ļøā£ Customize Section Width
Choose between full-width sections or sections constrained to the content area.
Full-width works well for backgrounds that span the screen, while constrained sections keep text and images aligned.
7ļøā£ Additional Design Options
Change overlay opacity if you use a background image.
Add custom CSS if you want advanced styling (optional).
š” Tips
Use consistent background colors and shapes across sections for a cohesive look.
Animations should enhance the user experience, not distract.
Always preview changes on desktop and mobile to ensure your design looks good on all devices.