Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save michaelbeil/4dd60d99ec21f3c595b398258c0f6be4 to your computer and use it in GitHub Desktop.
Save michaelbeil/4dd60d99ec21f3c595b398258c0f6be4 to your computer and use it in GitHub Desktop.
Adds credit card logos to the "Select Payment Method" box on membership checkout.
/* CSS Document */
#pmpro_payment_method span {
display: inline-block;
}
#pmpro_payment_method span a {
background-position: bottom left;
background-repeat: no-repeat;
background-size: contain;
border: none;
display: inline-block;
font-size: 16px;
font-size: 1.6rem;
padding-bottom: 80px;
width: 90%;
}
#pmpro_payment_method span.gateway_authorizenet,
#pmpro_payment_method span.gateway_braintree,
#pmpro_payment_method span.gateway_cybersource,
#pmpro_payment_method span.gateway_stripe,
#pmpro_payment_method span.gateway_twocheckout {
width: 60%;
}
#pmpro_payment_method span.gateway_authorizenet a,
#pmpro_payment_method span.gateway_braintree a,
#pmpro_payment_method span.gateway_cybersource a
#pmpro_payment_method span.gateway_stripe a,
#pmpro_payment_method span.gateway_twocheckout a {
background-image: url(../images/cc-horizontal.jpg);
}
@media (max-width:768px) {
#pmpro_payment_method span {display: block; width: 100%; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment