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
Thanks!
As a side note, I’ve noticed that this happens with all cards, even e.g. the “Feature Card Pricing” bloc, etc.
AdieJAM
September 26, 2021, 10:09pm
3
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