(function openLouie() { let louie = document.getElementById("Dropdown-Toggle-14"); louie.classList = "host-toggle w-dropdown-toggle w--open"; console.log(louie); })();

You can set properties between the element's parent and child elements, such as environmental spacing and sizing. In the alignment commands given for rows or columns that are parent elements, the child elements in them are affected. You can use the Layout style you created in the Custom Style section by adding it on different screens or in different elements on the same screen, by adding it from the Load Style section. You can edit, duplicate and delete the layout styles you have created at any time.


You can add interior spaces to your element. Thanks to the top, bottom, right and left options in this area, you can strengthen your design by entering the values ​​you specify in the direction you need for the element you use.


This is the field where you enter the height and width values ​​you want to use. You can set the values ​​you will use according to the pixel (px) and % options. It applies exactly to the dimensions you entered with the PX unit. For example, 200px width will look the same on all devices. However, the 20% value resizes itself based on the screen width (browser). You can use 100% for the elements you want to appear exactly according to the browser width or height.

Max Size

These are the fields where you can enter the maximum width/height value that the element added to the screen can take. When you enter a maximum width of 600px in a column element (taking into account the padding values), it will be at most 600px wide according to the device or browser width, and the width will be narrowed at lower widths.


You can adjust the alignment of the element's own content (label of the button element) or the elements under it as a child element in the container elements. You can adjust it vertically up, down or centered, as well as horizontally centered, right or left aligned as you wish.


Elements you add in the same column (if there is no default setting) are added side by side. You can use the block option if you want an element to remain on its own in the container it is in.

In Inline, on the other hand, it is possible to arrange the elements standing one after the other so that they are side by side. You cannot add certain elements side by side.

Simplicity Meets High Performance

Free edition subscription
Keep your work
No credit card required to try