Skip to content

Instantly share code, notes, and snippets.

@tribulant tribulant/style.css
Created Oct 21, 2016

What would you like to do?
Override Bootstrap Styles
Put this CSS in a file that loads after the bootstrap.css
Eg. Inside wp-checkout/views/bootstrap/style.css
Start each Bootstrap class you want to override with .checkout ...
This example will remove the rounded corners from the button.
It will make the button pink with black text.
And on hover, active or focus the button will be red with white text
.checkout .btn {
border-radius: 0;
.checkout .btn-primary {
background: pink;
border: pink;
color: black;
.checkout .btn-primary.focus,
.checkout .btn-primary:active,
.checkout .btn-primary:focus,
.checkout .btn-primary:hover {
background: red;
color: white;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.