How to create shapes: rectangle, circle, triangle, ... polygons

[Falko]

Rectangle

create a new text element, delete the text in the right menu HTML section, go to the right menu Styles section add something like

background-color: red;

to This Element

Circle

same as above but in addition add something like

border-radius: 100px;

the border radius should be at least 1/2 of the width/height of the element (see right menu Properties tab). For a perfect circle set width = height (insert the same values)

All other shapes:

go to http://cssplant.com/clip-path-generator

create a shape, copy the CSS code

and past it into the style of This Element

of course you can also create a custom class and reuse it, read more about that here https://groups.google.com/forum/#!topic/webpgr/npU773ctuP0

This tutorial also works for images! However rectangular image clipping (cutting of the sides of an image) works a bit differently, and will be described in a different tutorial.