Card's round corners rendered with the wrong radius

Hi,
I’m using the roundest corner settings for a Card:

Can’t say why (there aren’t custom classes involved) it’s rendered as if the first option was chosen:

See both the card’s header and footer. Using the inspector, the radius is 0.25rem -1px, eyeballing it should be 1.25rem -1px. In any way, the round corner option is correctly rendered in the edit view, but not in the preview nor in the export.
Is this a bug? Thanks!

Davide

Bump :slight_smile:
Thanks!

As a side note, I’ve noticed that this happens with all cards, even e.g. the “Feature Card Pricing” bloc, etc.

Why not add a m custom class to the card and add the corners that way? I would, works for me.

Good luck!

This is what I’ve done as a temporary workaround, actually in a <style> tag in the page settings > Code, but I’d flag this as a plain bug.
Thanks!

Looks like Blocs is applying a class .card-rd which doesn’t exist in the Blocs stylesheet.

Really it should be using Bootstraps .rounded-* classes.

If you want to “solve this”. Add .card-rd to the class manager, and set a border radius. Also set Overflow: hidden.

@Norm

3 Likes