# Shapes

### Configure the shapes

Go to **Customize theme**. Click the dropdown menu at the top and select the **Home page** template.

From the left side menu, select **Shapes**.

Customize this section by using the setting on the right side of the theme editor, as described in the following table:

<table data-header-hidden><thead><tr><th width="281"></th><th></th></tr></thead><tbody><tr><td>Select shape</td><td>Select the shapes from the following options:<br>-Small waves<br>-Asymmetrical 1<br>-Medium waves<br>-Mountains<br>-Asymmetrical 1</td></tr><tr><td>Flip shape</td><td>Select this checkbox to flip the shape selected in the above setting.</td></tr><tr><td>Image</td><td>Select the image.</td></tr><tr><td>Image fit</td><td>Select the image fit from the following options:<br>-Natural<br>-Cropped</td></tr><tr><td>SVG code</td><td>Enter the svg code of icons.</td></tr><tr><td>Enable marquee</td><td>Select the checkbox to enable the marquee of shapes.</td></tr><tr><td>Marquee direction</td><td>Select from right to left and left to right to display the marquee direction.</td></tr><tr><td>Color scheme</td><td><p>Select the color scheme from the given options; </p><p>-Primary  </p><p>-Secondary  </p><p>-Tertiary  </p><p>-Quaternary  <br> </p><p> <em>Note: These can be managed from <strong>Theme settings> color schemes.</strong></em> </p></td></tr><tr><td>Enable gradient</td><td>Select this checkbox to show the gradient in the background color. This can be selected from theme settings>color schemes.</td></tr><tr><td>SVG color</td><td>Select color of the SVG icons.</td></tr><tr><td>Shape ratio</td><td>Select from auto or fixed to display the shape size.</td></tr><tr><td>Desktop size</td><td>Adjust the range bar to select the section size for the desktop view.</td></tr><tr><td>Mobile size</td><td>Adjust the range bar to select the section size for the mobile view.</td></tr></tbody></table>