Archived topic

Button issues after Wordpress update

3 replies · Started by Scott on August 12, 2021

Viewing posts 1–4 of 4

August 12, 2021 at 4:52 pm #1894005

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

August 12, 2021 at 11:40 pm #1894200

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.

August 14, 2021 at 5:47 pm #1895989

Thanks Elvin

August 15, 2021 at 9:15 pm #1896946

No problem. :D

This archived topic is closed to new replies.

Start building better websites today.