A&nbsp;rectangle is a basic element of the SiteDu.de builder. It allows you to create simple graphic&nbsp;elements like rectangle, line or circle. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Add a rectangle to your page</h2>&nbsp;In order to add a&nbsp;rectangle to your website, select its icon from the&nbsp;toolbar on the left side of the builder, drag and drop it to your website.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/rectangle-l9mv9d8j.png" alt="" width="inherit" height="inherit">&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Edit the rectangle style</h2> Edit an element style in the Settings edition panel. Change&nbsp;size, alignment, background color, borders, opacity,&nbsp;and shadows.&nbsp;&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/rectangle2-l9mv9ehw.png" alt="" width="inherit" height="inherit">&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Create a circle</h2>To create a circle just add Rectangle element, turn ON rounding option and set rounding value to 50% of &nbsp;elements height (e.g.&nbsp;height of the element is 100px than you have to set Rounding to 50)&nbsp;.<img src="https://help.webwave.me/lib/dkwr2z/rectangle3-l9mv9dum.png" alt="" width="inherit" height="inherit">

Learn how to use the rectangle element for different shapes, such as squares, lines or even circles.

A rectangle is a basic element of the SiteDu.de builder. It allows you to create simple graphic elements like rectangle, line or circle.

## Add a rectangle to your page

In order to add a rectangle to your website, select its icon from the toolbar on the left side of the builder, drag and drop it to your website.

![](https://help.webwave.me/lib/dkwr2z/rectangle-l9mv9d8j.png)

## Edit the rectangle style

Edit an element style in the Settings edition panel. Change size, alignment, background color, borders, opacity, and shadows.

![](https://help.webwave.me/lib/dkwr2z/rectangle2-l9mv9ehw.png)

## Create a circle

To create a circle just add Rectangle element, turn ON rounding option and set rounding value to 50% of elements height (e.g. height of the element is 100px than you have to set Rounding to 50) .

![](https://help.webwave.me/lib/dkwr2z/rectangle3-l9mv9dum.png)

The Rectangle Element

Got a builder package? Learn how to use it and how to edit your content

Was this article helpful?