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