How to Add Sections to Your Page ?

Through this document , you will uncover the 'Sections' feature properties in site editor page through these key elements:

1. Adding Sections
2. Feature Settings Window
3. Style Settings Window

Adding Sections

• Drag the sections icon from the available features

• Drop the sections icon into the desired location on your website page

Feature Settings

Upon dropping the sections, a settings window will appear, offering four main features:

• Themes

  • Explore different themes for your sections to align with your website's aesthetic.

____________________________________________________________________________

• Settings

  • Enter your texts (title and long text) and add several classes from a long list of options.

  • Select heading level (H1,H2,H3,H4,H5)

  • Determine how your sections are visible on devices (Mobile , Tablet , Desktop , Large desktop).

____________________________________________________________________________

• Design

  • Customize the font type of your title and description.
    

  • Add gradient to your title and description.

____________________________________________________________________________

• Animations
  

  • Add animation to your title and description from a long list of animation options.

  • Enhance your animated title and description by incorporating timing in seconds.

Style Settings

Design Features

• Access the "Design" feature to customize your sections appearance. Within this feature, you can determine the following properties:

  • Margin: Set the spacing around your sections to control its placement on the page.

  • Border: Define a border for your sections to add a distinct visual element.

  • Color: Choose the color that best complements your website's theme or design.

  • Style: Apply different styles to your sections, enhancing its visual appeal.

  • Gradient: Add gradient effects to your sections for a more dynamic and modern look.

Background Features

• Navigate to the "Background" feature to enhance the backdrop of your sections.
  
  

  • Upload Images: Insert images as a background for your sections, providing visual interest.

  • Sample Images: Explore pre-loaded image samples for quick and easy background selection.

  • Background Styling: Customize the sections background further with options like:

    - Background Repeat: Control how the background image repeats.
    - Background Fill: Adjust how the background fills the space around the sections.
    - Background Position: Define the positioning of the background image for optimal display.

Style Customization

• Within the "Style" section, further refine your sections presentation by adding classes from a dropdown list with a plethora of options.
• Determine how your sections are visible on devices (Mobile , Tablet , Desktop , Large desktop).