Authorize.net card images not displaying properly

[soft1700]

I am using the authorize.net gateway on my site. But on this link
http://www.eyedotoo.org/?page_id=1373
under the billing method the card images are not showing up properly. I am sure its a css issue. can someone help me out with it?

[Cristián Lávaque]

I checked your form with Firebug and found that the <label> tags for the card icons are a bit wide at 25% width, and the top padding is too little. http://getfirebug.com

I hope that helps.

[soft1700]

under which css file do i have to make the change and under what? I haven't made any changes to the css ..its a s2member issue.

[soft1700]

ok i figured it out

in this file s2member-pro\includes\separates\gateways\authnet\authnet.css

i changed

Code: Select all

label.s2member-pro-authnet-form-card-type-label
   {
      width: 25%;
      cursor: pointer;
      text-align: center;
      display: inline-block;
      
   }

to

Code: Select all

label.s2member-pro-authnet-form-card-type-label
   {
      width: 15%;
      cursor: pointer;
      text-align: center;
      display: inline-block;
      padding-top: 28px;
   }

thats it.it works now

[Cristián Lávaque]

Cool.

Actually, the padding style was in a file outside s2Member, if I remember correctly.

http://www.eyedotoo.org/wp-content/them ... s?ver=1.21
Line 138
.rokradios, .rokchecks {padding: 1px 5px 7px 24px;line-height: 120%;}