✨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:
Select shape | Select from the options to determine the type of shape from shape 1 to shape 10. |
Image | Select any landscape image. |
Image fit | Choose from Natural or Cropped to determine the image fit. |
SVG code | Add the SVG code for the shape. (Note: This svg has more priority than the image.) |
Enable marquee | Check this checkbox to enable the marquee of the shape. (Note: This has more priority than the overlapped shape.) |
Marquee direction | Select the direction: -Right to left -Left to Right |
Show fullwidth | Select this checkbox to make it fullwidth. |
Flip shape | Select this checkbox to flip the shape. |
Show as overlaped | Select this checkbox to show this shape overlapped on another section. |
Overlap direction | Select from the 'Above section' or 'Below section' to overlap the shape. (Note: This does not work with enabled marquee shape.) |
Color scheme | Select the color scheme from the given options; -Primary -Secondary -Tertiary -Quaternary Note: These can be managed from Theme settings> color schemes. |
Enable gradient | Select this checkbox to show the gradient in the background color. This can be selected from theme settings>color schemes |
SVG color | Choose the color for the SVG shape. |
Stroke color | Choose the color for the shape stroke. |
Height | Shape ratio Choose from Auto or Fixed to determine the shape height ratio. Desktop height Adjust the range bar to determine the fixed height for the desktop view. Mobile height Adjust the range bar to determine the fixed height for the mobile view. |
Last updated