payment fields

Hello,
on the checkout we have an issue with the payment fields of the credit card.
could you please check and help us fixing it?
we are using Bank of America Payments – Credit Card.

thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand is it our theme issue or not?

Kind Regards

Hello,

I checked it with hello elementor theme and it looks much better wit their theme.
please see the attach screen.

Attachments:

You must be logged in to view attached files.

Hello,

The below code will help you to sort it out so please define the below code in Theme Settings -> Custom CSS and then recheck the issue.

.payment_method_cybersource_credit_card .form-row {
    margin-bottom: var(--wd-tags-mb);
}

.woocommerce #payment div.payment_method_cybersource_credit_card #wc-cybersource-credit-card-account-number-hosted, 
.woocommerce #payment div.payment_method_cybersource_credit_card #wc-cybersource-credit-card-csc-hosted {
		border: var(--wd-form-brd-width) solid var(--wd-form-brd-color) !important;
    border-radius: var(--wd-form-brd-radius);
    background-color: var(--wd-form-bg);
		height: var(--wd-form-height) !important;
}

@media (min-width: 1025px) {
.payment_method_cybersource_credit_card .form-row-first,
.payment_method_cybersource_credit_card .form-row-last{
	width: 48%;
}
	
.payment_method_cybersource_credit_card .form-row-first {
	float: left;
}
	
.payment_method_cybersource_credit_card .form-row-last {
	float: right;
}

}

Kind Regards

thanks! now its perfect!

Hello,

You are welcome! In case you need any additional help, I’d be more than happy to assist you.

Have a good day!

Kind Regards

[Author]

Posts