Gradient / overlay no respecting the border Radius

1

hi all im having problem with the border radius and gradient / overlay
i created a container and added a border radius to it then added a gradient overlay with a single color but it doesnot stay inside the container it comes out of it here is an image and look at the corder and u will see the i added the border radius and the overlay is stiking out with sharp corner.

image
image1048×132 10.3 KB

2

Hello AxEngine, did you solve this? I’m having this issue now.

3

Hi @pzeylstra,

This issue is fixed with some custom CSS.

#[your-element-id]::before{
  border-radius: [x-amount-of]px;
}

Hope this helps you out!

1 Like
4

Thanks! I’ll try that.

5

You can use overflow hidden or clip in the Container Layout settings too.

1 Like
6

yes i had to do it like that

1 Like
7

Setting overflow to clip will definitely do the job in this case.