📌 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.