Return to previous page

Css errors of payment methods on the payment page

This topic has 4 replies, 2 voices, and was last updated 1 days, 7 hours ago ago by Luca Rossi

Recep

Participant

December 27, 2024 at 08:57

Hello, as you can see in the image, in the section where the payment method is, the lines pay by card and pay by X are scrolling both in text and visually and look bad.

Can you help me fix this?

Best regards

Recep

#428861 Copied

3 Answers

Luca Rossi

Support staff

December 27, 2024 at 10:12

Hi @Recep,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:


body .payment_methods label img {
    width: 100% !important;
    height: auto !important;
    top: 0;
}

body #payment .payment_methods li {
    margin-bottom: 30px;
}

body #payment .payment_methods li.wc_payment_method.payment_method_iyzico_pwi {
    display: flex;
    align-items: center;
}

body #payment .payment_methods li.wc_payment_method.payment_method_iyzico_pwi input[type="radio"] {
    top: -10px;
}
body #payment .payment_methods li.wc_payment_method.payment_method_iyzico_pwi label {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    margin: 0;
}

body #payment .payment_methods li.wc_payment_method.payment_method_iyzico_pwi label p {
    margin: 0;
}

body #payment .payment_methods li.wc_payment_method.payment_method_iyzico_pwi label img {
    top: 0;
}

https://prnt.sc/MSGxO7oUJ1Dj

Kind regards,
The 8Theme Team

#428863 Copied

Recep

Participant

December 27, 2024 at 10:15

Thanks

#428864 Copied

Luca Rossi

Support staff

December 27, 2024 at 10:26

If you need anything else please let us know.

Kind regards,
The 8Theme Team

#428865 Copied

Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘css errors of payment methods on the payment page’' has been successfully resolved, and the topic is now closed for further responses

Css errors of payment methods on the payment page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection