Skip to content

Instantly share code, notes, and snippets.

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

Embed
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.active,
.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.