In this guide, we'll walk through the different alignment tools available and when to use them.

As you move an element around your page, you'll notice colored pink/purple guide lines appear. These are called Smart Guides and they're designed to help you line up elements with other items on your page.
​

You'll see guides appear when an element is:

These guides are a great way to quickly position elements without having to manually measure anything.
​

If you've selected more than one element, you'll see additional alignment options in the right side panel.

These tools allow you to quickly line elements up so they're all aligned to the:

This is especially helpful when working with buttons, icons, or groups of images/elements.

📹 Showit Tutorial

If your elements feel unevenly spaced, you can use the Distribute tools.

Instead of moving each element one by one, Showit can automatically create equal spacing between multiple selected elements.
​

This is a great option for:

📹 Showit Tutorial

If you have elements that should always stay together, you can group them.

For example, you might group:

Once grouped, you can move everything together instead of repositioning each piece individually.
​

📹 Showit Tutorial

If you're still having trouble getting everything lined up, we're happy to help! Reach out to our team or browse the rest of our Help Center for more Showit tutorials.