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.