Thanks for this tutorial. I noticed when you hover on a container selector it expands and provide two more options to duplicate and add. I don’t have that for my elementor by default, how do I get it to work?
ok it s simple on your elementor editing screen you click on the hamburger icon at the top left then goto user preference then toggle the Editing Handles option to yes and update. your editing screen will refresh and the option added you can watch this short clip i did concerning that th-cam.com/users/shortsT1-tQLFCwW8
why dont you use mask for container background? Its much easyer. Its like this if you use background overlay: selector::before{ mask-image: url(/Union-1.svg); mask-repeat: no-repeat; mask-size: contain; mask-position: center center; } You can make any mask in figma in 30 sec, just put some blocks, make radius and then union blocks, make radius of union)
that is one way of doing it and this is another way of doing it as well, more over not everybody knows how to use figma or photo editing software, so there will have to learn it before being able to create thier design shapes
No this method is way too complicated and time consuming, better to use masking method, design your shape in Figma and use it as SVG shape in elementor I think.
11:01 This is Cool thank you
Thanks for such useful information!
thank you fort his
Thanks for this tutorial. I noticed when you hover on a container selector it expands and provide two more options to duplicate and add. I don’t have that for my elementor by default, how do I get it to work?
ok it s simple on your elementor editing screen you click on the hamburger icon at the top left then goto user preference then toggle the Editing Handles option to yes and update. your editing screen will refresh and the option added
you can watch this short clip i did concerning that th-cam.com/users/shortsT1-tQLFCwW8
@@thecreativarena thanks so much, this was really helpful
why dont you use mask for container background? Its much easyer. Its like this if you use background overlay:
selector::before{
mask-image: url(/Union-1.svg);
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center center;
}
You can make any mask in figma in 30 sec, just put some blocks, make radius and then union blocks, make radius of union)
that is one way of doing it and this is another way of doing it as well, more over not everybody knows how to use figma or photo editing software, so there will have to learn it before being able to create thier design shapes
No this method is way too complicated and time consuming, better to use masking method, design your shape in Figma and use it as SVG shape in elementor I think.