WooCommerce "credit card" label on checkout

[65kmanspt]

On my website the label “credit card” on checkout is shifted to the right compared to the rest of the text in the area. How can I shift this to be in line with “Pay with Paypal”, “Card Number”, and “Expiry Date”?

[ruenel]

Hello Dan,

Thanks for writing in!

Did you added some custom css? Please find this block and update it using this code instead:

.woocommerce-checkout #payment .payment_method_stripe label[for=payment_method_stripe] {
    display: block;
    padding-left: 18px;
}

Originally the left padding is 32 pixels. The above code is the update which is only 18 pixels is needed so that it will align with the rest of the other labels.

After making the changes, since you have installed WP Autoptimize plugin, you will need to clear the cache and regenerete the minified JS/CSS first before testing the site.

Hope this helps.

[65kmanspt]

great, that worked - thank you!

[friech]

We are delighted to assist you with this.

Cheers!