Custom Shape
Last updated
Was this helpful?
Last updated
Was this helpful?
The "Custom Shape" setting in the AppSections Brand Style allows you to apply unique preconstructed shapes or create custom shapes using Clip-path. This setting provides flexibility in defining the appearance of elements, enhancing the visual appeal and uniqueness of your components. Here is how you can adjust the custom shapes:
Purpose: This setting allows you to add unique preconstructed shapes or create custom shapes with Clip-path.
Usage: Select a custom shape from the predefined list or create your own using Clip-path.
Select the Brand Style:
Open your Shopify theme editor.
Navigate to the Brand Style settings.
Locate the Custom Shape Setting:
In the Brand Style settings, find the Custom Shape option.
Select Preconstructed Custom Shape:
Create a Custom Shape with Clip-path:
If you prefer to create a custom shape, use the Clip-path CSS property to define your shape.
The preview are currently not available.
Go to this website or type “clip path css generator” into a search engine.
Create your custom shape and copy the percentage value :
Paste it in your brand style in the custom shape area :
Now your custom shape is setup in your website :
Preview Changes:
After selecting or creating a custom shape, preview your store to see how the changes look.
Check various elements to ensure the shapes are applied consistently and enhance the visual appeal and uniqueness.
Check Consistency:
Ensure that the custom shapes align with your brand’s aesthetic and provide a cohesive look across both desktop and mobile devices.
Test Across Devices:
Verify the custom shapes on different devices to ensure they look good and maintain visual appeal on all screen sizes.
By using the "Custom Shape" setting, you can apply unique preconstructed shapes or create custom shapes with Clip-path for your elements in your Shopify store. This flexibility allows you to enhance the visual appeal and uniqueness of your components, ensuring a dynamic and engaging user experience across all devices.
If you have any questions or need further assistance, please contact our customer support team.
Choose from the list of preconstructed custom shapes. The names of these shapes are provided in the page with a comprehensive list of available options.
Enter the Clip-path value to create the desired shape for your element.
