Return to previous page

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

Xie_Roy

Participant

February 23, 2021 12:55 pm

adjust the layout of the checkout page as per google pay’s requirement
Site URL: hidden
Theme version: 7.2.3
WooCommerce version: 5.6.1

Content is visible for topic creator and
support staff only.

#275960 copied to clipboard
Muhammad Zaki

Support staff

February 23, 2021 8:24 pm
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!
#276053 copied to clipboard
Xie_Roy

Participant

March 2, 2021 10:39 am

how to get the entrance to customize the code?

#277282 copied to clipboard

Xie_Roy

Participant

March 2, 2021 11:17 am

could u pls show me the path?thx!

#277288 copied to clipboard

Olga Barlow

Support staff

March 2, 2021 3:46 pm

Hello,

Are you looking area to add the mentioned custom? Go to Theme Options > Custom CSS.

Regards

#277343 copied to clipboard

Xie_Roy

Participant

March 3, 2021 9:17 am

thanks for ur help

#277474 copied to clipboard

Rose Tyler

Support staff

March 3, 2021 9:23 am

Hello,

You’re welcome!

Regards

#277476 copied to clipboard