Question:
I am wondering how I can make the attached card component on WIX.
Product:
Wix Studio Editor
What are you trying to achieve:
Shape and design
Hi guys! I was hoping to create this card component repeater for my portfolio. It is from a codepen post here: https://codepen.io/kristen17/pen/pomgrKp
I would like to see if I can replicate this is in WIX without embedding the code?
Thanks!!
Hi, Robyn_McLaughlin !!
The only challenge might be replicating the shape of the images. Aside from that, I believe you can achieve everything you want using a repeater. Wix Studio has a feature that allows you to crop images into different shapes using mask shapes. If you can provide the mask image needed to crop the image into your desired shape, you can make any image appear to be cropped into that shape right in the editor. However, from what I’ve found, Wix doesn’t seem to have a built-in mask image that matches the specific shape you’re looking for.
This is something I realized while answering your question—the mask shape feature is incredibly easy to use, practical, and fun! (I’m glad you asked this question! Thank you!) The cropping feature can be easily accessed in the Wix Studio editor by selecting an image. The key point is that by choosing [+] from the menu, you can select any image as a mask shape, not just the default shapes displayed in the editor.
With this feature, as long as you have the right mask image, you can crop images into any complex shape. So, if you want a design exactly like the one on Codepen, you would need to create and upload a custom mask image to Wix that matches the shape you want. Of course, if you already have a PNG or WebP image cropped into the desired shape on your local machine, you wouldn’t need to go through the trouble of using the mask feature in the Wix Studio editor.
