What is the Slot Vertical Align and how can you use it to design your landing page

Your landing page will read, look and feel balanced much better if everything is aligned just right. That is why when you design your latest landing page using our platform's Landing Page Designer, you will find that you can bring your landing page to absolute perfection with ease.

After you have defined your landing page structure using the various Containers, you can also start adding Elements to each available slot, filling the structure with content. Each Container you use comes with its own fully customizable group of Container settings. One of the most practical options contained in the settings is the Vertical Align option available for each separate slot.


Let's see how it works:

1. Click on the Settings symbol, appearing on the right side of the Container when you place your mouse over it, to open the Container settings.slot_vertical_align_landing_page_designer_1.png

Make sure that you chose a Container that has at least two slots in it - anything but a Full Width Container will serve as a good example. Adding a Text element and some quick content will make the effect of a Vertical Align change on a slot clearly discernible.

2. Scroll down and click on the Slot 1 option to expand the menu for the slot that you have filled with some text.slot_vertical_align_landing_page_designer_2-new.png


3. Scroll down the menu and click on the Vertical Align option to open the drop-down menu.

You have the following options:

  • Top
    Aligns the content of the slot to the top of the slot.

  • Middle
    Aligns the content of the slot to the middle of the slot.

  • Bottom
    Aligns the content of the slot to the bottom of the slot.

4. Choose the Bottom option.slot_vertical_align_landing_page_designer_3.png

The text you have added should move inside the slot according to the Vertical Align setting you chose.

Now that you are familiar with how the vertical alignment of each slot can be changed, make sure you take advantage of it to tweak your design and make it look perfect.