Selecting and Arranging Elements

Melissa Gunn
Melissa Gunn
  • Updated

Looking to move your elements on top of one another? This guide helps you select and rearrange element layers in the Editor.

Whether or not you’re a creative type, design is an important factor to your proposals. We’ve done quite a bit of research and discovered that proposals with images have a 23% higher close rate than proposals without.

Proposify comes equipped with ways to add some design flare to your content using shapes, images, videos, and more. Here’s how you can pile them on top of each other.

In a rush? Here’s what we’re going to talk about.

Layering and Arranging

You’ll want your content layered in a cohesive fashion. It doesn’t make any sense to have your images covering up the text. You can use Arrange to move the text box above or below other objects, like the images in this instance.

To do this, click on the image and select the three-dot menu and then arrange. This will bring up the submenu of options.

Image_2020-11-16_at_11.32.11_AM.jpg

Bring to front places your selected content on the top position of the pile. It will cover anything layered below it.

Bring forward pushes your selected content one layer in front of the next element, in effect it moves one layer up in the pile. If you have three objects and you ‘bring forward’ layer three (bottom), it will move into the second layer.

Send backward is the opposite, it will move your selected content back one layer and will be covered by anything above it.

Send to back will drop the selected content to the bottom of the stack. Al other content is layered on top of it, like the bottom bun of a cheeseburger holding it all together.

Selecting Layers

To select the element, right-click on its location. Expand the select layer menu to see the available layers in this stack of elements. Here we have an image, shape and a second image layered on top of each other. The ‘select layer’ submenu lists everything and includes a preview of each element to help you identify them.

When you hover over a layer, the element will be highlighted with a dashed border and the text will appear blue. Select the layer you would like to edit. Now you can move it around as much as you like!

Here's a gif to show you: