Getting started with elements

As demonstrated earlier in Anatomy of a project, elements and sections are the building blocks of your Vev content. Let’s start with exploring elements.

Step 1 - Add [a rectangle] element

  • Click the Rectangle button in the Top Bar

  • Click anywhere on the canvas OR click and drag

Inserting other types of elements will be discussed in separate articles shortly.

Step 2 - Resize it

  • Drag the corners OR

  • Set width and height values directly Note that you can use pixels or percentage, “px” and “%”. Percentage here is in relation to the width/height of the parent section this element belongs to. OR

  • Stretch to fill the entire width, height, or both

Step 3 - Rotate it

  • Rotate the corners OR

  • Set the angle value directly

Step 4 - Position it

  • Drag it around OR

  • Set the x and y values directly OR

  • Use alignment controls

Use “Pin position” to keep the element fixed as you scroll the page down.

You can also right-click > “Arrange” to move the element up and down the layer stack.

Step 5 - Style it

  • Change the background color in the Style Panel

There’s so much more to styling. See Styling Elements.

Step 6 - Configure it

The rectangle element is so simple there isn’t much to configure (!), but many elements will have some options you can set. You can manage those options (if they exist) by double-clicking the element placed on the canvas.

The rectangle is just an exercise

Though these steps seem rather trivial, they set the stage for more sophisticated topics we’ll be covering, including all sorts of other elements you can put on the canvas. What you can do with the rectangle is pretty much universal, so you now know the basics.