From Uncode version 2.8.0, it's possible to apply creative shapes when using the Single Media module. This feature is still experimental, and it is not sure that it will ever be transferred into an option.
At the moment, it can be applied with a special class from Single Media → Extra → Extra Class Name, screenshot ;
To use the new shape masks, please associate "unmask-" with the name of one of the shapes included in the theme, for example "unmask-bubbles", screenshot ;
Please note that an SVG of ratio 1:1 describes the shapes and it is with this format that we recommend using.
For those who want to use custom shapes, it's possible to use similar code and modify it as needed:
- Upload your SVG to the Media Library;
- Copy the entire URL;
- In the code replace the sample URL with the URL of your own SVG;
- In the code edit "unmask-custom-shape" with a chosen class name;
- Use this class name in the Extra Class Name.
- Paste the code in the Theme Options → CSS, or in your Child Theme;
.unmask-custom-shape.uncode-single-media[class*=unmask-] .uncode-single-media-wrapper { -webkit-mask-image: url(www.your-website.com/custom-shape.svg); }
Comments
0 comments
Article is closed for comments.