[Resolved] Button issues after WordPress update

[Scott]

Hi team

Having some issues with buttons across my sites (presumably) relating to the latest WordPress update.

Previously, in the block settings I could select the border settings so the corners of the button were square.
Now, the buttons default to rounded corners and I can’t see an option to edit.

Seems odd these options have gone, are you seeing the same on your end?
If this option is in fact gone, is there some CSS I can use to force all buttons to have squared corners?

Thanks
Scott

[Elvin]

Try adding this CSS:

.no-border-radius .wp-block-button__link {
    border-radius: 0px;
}

and add no-border-radius class to the button you’re using.

WP 5.8 did some changes to the core block element styling. It added border-radius: 9999px; as a default for the button links.

[Scott]

Thanks Elvin

[Elvin]

No problem. 😀

[Author]

Posts