# Shapes

## Configure the section

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 from the options to determine the type of shape from shape 1 to shape 10.</td></tr><tr><td>Image</td><td>Select any landscape image.</td></tr><tr><td>Image fit</td><td>Choose from <strong>Natural</strong> or <strong>Cropped</strong> to determine the image fit.</td></tr><tr><td>SVG code</td><td>Add the SVG code for the shape.<br><em>(Note: This svg has more priority than the image.)</em></td></tr><tr><td>Enable marquee</td><td>Check this checkbox to enable the marquee of the shape.<br><em>(Note: This has more priority than the overlapped shape.)</em></td></tr><tr><td>Marquee direction</td><td><p>Select the direction: </p><p>-Right to left </p><p>-Left to Right </p></td></tr><tr><td>Show fullwidth</td><td>Select this checkbox to make it fullwidth.</td></tr><tr><td>Flip shape</td><td>Select this checkbox to flip the shape.</td></tr><tr><td>Show as overlaped</td><td>Select this checkbox to show this shape overlapped on another section.</td></tr><tr><td>Overlap direction</td><td>Select from the 'Above section' or 'Below section' to overlap the shape.<br>(<em>Note: This does not work with enabled marquee shape.</em>)</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  </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>Choose the color for the SVG shape.</td></tr><tr><td>Stroke color</td><td>Choose the color for the shape stroke.</td></tr><tr><td>Height</td><td><strong>Shape ratio</strong><br>Choose from <strong>Auto</strong> or <strong>Fixed</strong> to determine the shape height ratio.<br><br><strong>Desktop height</strong><br>Adjust the range bar to determine the fixed height for the desktop view.<br><br><strong>Mobile height</strong><br>Adjust the range bar to determine the fixed height for the mobile view.</td></tr></tbody></table>