Gradient on column border when using a radius

[underbitestudio]

Is it possible to apply a gradient to the border of an element when using a border radius? It doesn’t seem to be working, whether I use the builder or custom CSS.

Thanks

[tristup]

Hi @underbitestudio,

Thanks for reaching out.
The border-radius does not work directly with gradient border colors . However, there is an alternative method to achieve the same visual effect.

You can wrap your element inside a parent DIV , apply the gradient as its background, add padding equal to the border width you want, and set the desired border-radius .
Then place another DIV inside it, apply a solid background color, and use the same border-radius value as the parent DIV.

You can replicate the same for columns.

Hope this helps.
Thanks