Curved corners on HtmlAsset?

Is it possible to add a border-radius on the HTMLAsset? I’m trying to imitate the standard captions on Tiktok or Instagram Reels where there’s a small border radius on a solid background.

Hi Matthew,

I don’t believe it’s currently possible to use the border-radius CSS property. You can see all supported CSS tags here.

CSS 3 and border-radius is not supported. The only way I can think of, to do something similar, would be to create a png image with rounded corners, use the image asset and place it in a track below the HTML text.

The only problem with this approach is that it won’t automatically resize with the text, and if there is too much text it will overflow the background image. If you can control the size of text and make sure it will always be smaller than the background image, this might work.

Yeah i figured something like that would be the only way.

Consider this a feature request then :wink:

1 Like