Reply 276053 to: how to change the checkout layout of checkout page for google pay and apple pay

Avatar: Muhammad Zaki
Muhammad Zaki
Support staff
February 23, 2021 at 20:24

Hello!

Please use the below CSS code for the button alignment and styling. You just have to add it to the custom css section of theme options

button#ckocom_googlePay {
    background-color: #c62828 !important;
    color: #fff !important;
    padding-top: .95rem !important;
    padding-bottom: .95rem !important;
    border-radius: 30px;
    width: 100%;
    height: 42px;
}

Please use below css code for the google pay checkbox.

li.wc_payment_method.payment_method_wc_checkout_com_google_pay {
    padding-top: 10px;
}

Please let me know if you see any issues.

Thank you!

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.