How to Add Div Container to Your Page?

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

1. Adding a Div Container
2. Feature Settings Window
3. Section Test Settings Window

Adding a Div Container

• Drag the div container icon from the available features

• Drop the div container icon into the desired location on your website page

Feature Settings

Upon dropping the div container, a settings window will appear, offering three main features:

• Settings
  

  • Add several classes from a long list of options.

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

• Design
  

  • Include images for your div container on your website by choosing from three options: select from your uploaded images, use sample images from the website, or upload new images.

• Animations
  

  • Add animation to your div container from a long list of animation options.

  • Enhance your animated div container by incorporating timing in seconds.
    
    

Section Test Settings

Once the div container icon is activated, you can start entering your desired text directly into the section test. And upon entering text, a window will appear, providing options for customization.

This window includes : 

• Customize Font: In the feature settings, customize your text by selecting from various font families, adjusting font sizes, and choosing different headers.

• Text Alignment: Modify the alignment of your text as needed, whether it's left-aligned, center-aligned, right-aligned, or justified.

• Lists: Utilize numbered and bullet lists to organize your text content efficiently.

• Insert/Edit Links: Add hyperlinks to your text by using the insert/edit link option, allowing users to navigate to external pages or resources.

• Remove Links: If needed, easily remove any existing links within your text.

• Subscript and Superscript: Apply subscript or superscript formatting to specific text elements for a more dynamic presentation.

• Text Color: Customize the color of your text to match your website's design or emphasize specific information.

• Background Color: Enhance the visibility of your text by adjusting the background color to create a visually appealing contrast.

• Special Characters: Access a range of special characters to enhance the richness of your text content.

• Additional Features: Explore other available features to further enhance your text, ensuring a comprehensive and polished appearance.