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.