Streaming live at 10am (PST)

Rounding image and link block

Hello everyone,

I’m struggling to find a way to round a link block so it also rounds the image that is inside it (picture below). If i add a border radius to the image only it looks strange as it does it to all corners. Is there a way to only round 2 corners of an image, or is there a way to group the link block to the image as a mask?

Would appreciate any help!


Here is my site Read-Only: [LINK]

There’s 2 ways for it.
You can set the Overflow to Hidden for the link block. This will hide anything that pops out of its borders.
Screen Shot 2020-05-25 at 3.41.24 PM

The other option is to set only the upper corners of the image with Radius

I hope this helps :slight_smile:

Thank you!! worked perfectly