Reply 349299 to: Check-out Payment Page using Mobile phone to view, 2 Payment Methods Images Not Alligned to Center.

Avatar: Rose Tyler
Rose Tyler
Support staff
March 8, 2023 at 09:39

Hello, Steven Tay,

Try to change this code https://prnt.sc/4lSiYY_kPhzw to:

.woocommerce-checkout .payment_methods {
    text-align: center;
}
.woocommerce-checkout .ppcp-button-container {
    min-width: unset;
}
.woocommerce-checkout .payment_box {
    padding-left: 0px;
}
.woocommerce-checkout #shipping_method li {
    flex-wrap: wrap;
    position: relative;
}
.woocommerce-checkout #payment .payment_methods label, .woocommerce-checkout #shipping_method label {
    max-width: calc(100% - 20px);
}
.woocommerce-checkout #payment .payment_methods input[type=radio], .woocommerce-checkout #shipping_method input[type=radio] {
    float: left;
}

Kind Regards,
8theme team

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.