• 

  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

  Like
  

  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

  Like
  

  Xie Roy

  Participant

  March 2, 2021 10:39 am

  how to get the entrance to customize the code?

  #277282 copied to clipboard

  Like
  

  Xie Roy

  Participant

  March 2, 2021 11:17 am

  could u pls show me the path?thx!

  #277288 copied to clipboard

  Like
  

  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

  Like
Viewing 5 results
1 through 5 (of 5 total)