How to reset all border radius to 0
Give your whole site square corners: one blanket CSS rule sets the border radius of every element to zero, so buttons, cards and inputs stop being rounded.
1 minute read
Add the CSS code below to your website. This article explains how to add CSS and keep it future update compatible: How to add CSS code that is future update compatible
This rule is deliberately blunt
The selector matches every element, including its
:hover, :active and :focus states, and uses !important. Nothing on the site keeps a rounded corner — avatars and icons included.
css
*,
* *,
* * *,
* * * *,
* * * * *,
* * * * *,
* * * * * *,
* * * * * * *,
* * * * * * *:before,
* * * * * * *:after,
*:hover,
* *:hover,
* * *:hover,
* * * *:hover,
* * * * *:hover,
* * * * *:hover,
* * * * * *:hover,
* * * * * * *:hover,
*:active,
* *:active,
* * *:active,
* * * *:active,
* * * * *:active,
* * * * *:active,
* * * * * *:active,
* * * * * * *:active,
*:focus,
* *:focus,
* * *:focus,
* * * *:focus,
* * * * *:focus,
* * * * *:focus,
* * * * * *:focus,
* * * * * * *:focus {
border-radius:0!important;
}Ask the people who build Vehica
We answer by email from support@tangiblewp.com. With Premium Support, we also fix your site when something breaks.
We can also run your site for you, or build a new one.
Was this guide helpful?