Authorize.net eCheck gateway should display correctly on the Multi-Step form template
in progress
Devin Walker
Here's a preview on how the fields look in the upcoming release.
Devin Walker
in progress
A fix is coming out in the next release. :)
Ben Meredith
under review
As a workaround, you can add some custom code to the forms using this PHP snippet: https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/style-givewp-iframes.php
Replace lines 16-26 with this CSS:
div#give_purchase_form_wrap.gateway-authorize-echeck {
max-width:470px
}
.give-check-sample img{
width:465px !important;
}
.gateway-authorize-echeck input[type="text"], .gateway-authorize-echeck select {
font-family: Montserrat,sans-serif;
background: #fff;
border: 1px solid #b8b8b8!important;
box-sizing: border-box;
box-shadow: inset 0 1px 5px rgb(0 0 0 / 15%);
border-radius: 4px!important;
font-weight: 400;
height: auto;
font-size: 14px;
line-height: 1;
color: #828382;
padding: 14px!important;
}