How to Add Text Containers to Your Page ?

Through this document , you will uncover the 'Container' feature properties in site editor page through these key elements: 1. Adding a Container 2. Feature Settings Window 3. Style Settings Window 

 Adding a Container 

 Container feature allows you to add several numbers of text containers from (1 - 4). 

 

 One container : Add one block of paragraph/text. 

 Two containers : Add two blocks of paragraph/text. 

 Three containers : Add three blocks of paragraph/text. 

 Four containers : Add four blocks of paragraph/text. 

 

 

 Feature Settings 

 Once the container icon is activated, you can start entering your desired text directly into the text block. And upon entering text, a feature settings 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. 

 

 

 Style Settings 

 Design Features 

 

 

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

 

 

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

 

 

 Border : Define a border for your container 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 container, enhancing its visual appeal. 

 

 

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

 

 

 

 

 Background Features 

 

 Navigate to the "Background" feature to enhance the backdrop of your container. 

 

 

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

 

 

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

 

 

 Background Styling : Customize the container background further with options like: 

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

 

 

 

 

 Style Customization 

 

 Within the "Style" section, further refine your container presentation by adding classes from a dropdown list with a plethora of options. 

 Determine how your container is visible on devices (Mobile , Tablet , Desktop , Large desktop.