Designing With Lines & Containers..

Modified on Thu, 26 Jun at 8:02 PM

 

 

Use of Designer Elements

1. Lines 

The Lines in "Designer" Elements provides various types of horizontal and vertical lines, perfect for creating partitions or dividing areas on your page. Here's how to use it:

Add a Line:

  • Drag and drop a line onto your page from the Lines. You can select from "Horizontal Line" or "Vertical Line".

    P1.png

  • Click on the "Edit" option to modify the line.

Edit Options:

  • Type: Choose from different line types to match your design.
  • Color: Change the color of the line to fit your page’s color scheme.
  • Transparency: Adjust the transparency to make the line more or less prominent.
  • Rotate: Rotate the line to fit your design requirements perfectly to any angle.

    P2.png

2. Containers

The Containers in "Designer-Element" is a versatile blank box that can hold any other element, such as headlines, paragraphs, timers, CTA's, forms, images, and videos. Here's how to use it:

Add a Container:

  • Drag and drop a container onto your page from the Themed Container" and/or "Additional Container".
  • Here, AI Pal provides containers that align perfectly with your style sheet. This simplifies the design process, making it easier to create visually appealing pages that match your brand identity.
  • Adjust the size of the container to fit your needs.

    P3.png

Edit Options:

  • Style Color: Round the corners or lock individual corners to customize the shape.
  • Borders: Add borders with your desired type and thickness.
  • Color and Transparency: Change the color and transparency of both, the container and its border.
  • Background Image: Use an image as the background of your container for added depth and visual appeal.

    P4.png

Save Container as Reusable Element:

  • If you've designed a container that you want to use multiple times across different pages, click on the listing button in the function bar.

    P5.png

    P6.png

  • This will save your container as a reusable element, reducing the need for repetitive work.
  • To access your saved containers, navigate to "Saved" and select "Containers." You'll find all your saved containers.

    P7.png

With these powerful tools at your disposal, you’re well-equipped to design stunning and effective webpages that capture attention. Experiment with the Lines and Container elements to create layouts that perfectly suit your needs, and don't forget to save your favorite designs for future use.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article