Web Design Layout: Arranging Your Elements Efficiently
Quickly and Easily Create Your Web Design Layout
Our Arrange Elements feature gives you the power to quickly change the layout of your element(s). You can do standard things like align an element in the center of your window and group two elements together, but you can also quickly do more complex things like equalize the size of two elements and align two elements together. Below, we’ll cover all the things that you can do in the Arrange Elements toolbar. How to Access the Arrange Elements Toolbar When you select an element, the left-side toolbar appears with more options. When you click on the arrange button (see below), a window will appear.
The top drop down menu gives you two options for how to arrange an element. We’ll get into that later. The default should show you a square, which means align to container. Align to Container The element selected will align itself within its container. If you hover over each button in the window, you can see a preview of which operation will be performed on your selected element. Here are some of the more common options you’ll find yourself using.
Align to Element
Move element forward or move element back
Align element horizontally (left, center, right)
Align element vertically (top, middle, bottom)
Group elements together with the wrap elements option. This’ll place the selected element(s) in a box container, which is convenient to group elements together. You can also raise an element out of a box, to move it separately.
The other option from the drop-down menu is a star icon. This star stands for “chosen element”. This option allows you to align an element in relation to another element. The first element you select will be the ‘star’ element, and whatever else you select will align to this star. To select multiple elements, first select the one you want to align to (the star element), and then hold down CONTROL (COMMAND for MAC users) and left-click other elements to select the other elements. Here are some of the more common options you’ll find yourself using when in the chosen element mode.
Align to left of chosen element
Equalize to chosen element. This will match all selected elements’ widths and heights to that of the chosen element. This one comes in handy with matching a transparent overlay over an image.
With our easy-to-use web design layout feature that allows you to arrange elements quickly and precisely, you’ll have your beautiful website up and running in no time.
DELIVER BETTER CONTENT EXPERIENCES
DELIVER BETTER EXPERIENCES
DESIGN THE WAY YOUR BUSINESS GROWS
Powerful, intuitive content creation software for marketers and designers.
TRUSTED BY SOME OF THE WORLD’S SMARTEST COMPANIES