How do I add my own credit card images at Checkout near "Choose Your Payment"?

Add the below custom CSS to your WordPress theme and slurp it up to get the images behind SSL.

Here is the image: http://cl.ly/T0nH

.credit-card img{display:none}label[for=order_paid_using_credit_card]{background-image:url('http://www.yoursite.com/wp-content/uploads/credit-cards-50.png' );height:60px;width:170px;background-repeat: no-repeat;margin-left:20px}

If you are only using one gateway use this code:

Add this to your custom CSS to your WordPress theme and slurp it up to get the images behind SSL.

.credit-card-form{
	background-image: url('http://www.yoursite.com/wp-content/uploads/credit-cards-50.png');
	background-repeat: no-repeat;
	background-position: 20px bottom;
	height:250px
	}<br>
	

Here is the code to use if you are using multiple gateways (The CSS selectors may change based on your selected Gateways):

Add this to your custom CSS to your WordPress theme and slurp it up to get the images behind SSL.

label[for=order_paid_using_credit_card] {<background-image: url('http://www.yoursite.com/wp-content/uploads/credit-cards-50.png');height: 54px;width: 170px!important;background-repeat: no-repeat;
margin-left: 0px;
margin-top: 0px;
margin-right: 10px;
background-position: 0px bottom;
padding-top: 0px;
display: inline-block!important;}

Still need help? Contact Us Contact Us