Home › Forums › WoodMart support forum › PAYPAL / APPLE PAY AND GOOGLE PAY BUTTON ISSUE TO BIG
PAYPAL / APPLE PAY AND GOOGLE PAY BUTTON ISSUE TO BIG
- This topic has 8 replies, 2 voices, and was last updated 3 years, 8 months ago by
Elise Noromit.
-
AuthorPosts
-
November 27, 2021 at 2:00 pm #335130
TMarius21ParticipantHello I need help on this please.
Currently the Paypal, Apple Pay and Google Pay on product page are to bigAttachments:
You must be logged in to view attached files.November 27, 2021 at 2:41 pm #335138
TMarius21ParticipantI’m looking to move all under quantity and add to card at same size
November 27, 2021 at 7:23 pm #335163
Elise NoromitMemberHello,
Thank you very much for choosing our theme and for contacting us.
Do you want all the buttons in one row beside the quantity?
Best Regards
November 27, 2021 at 7:24 pm #335164
TMarius21ParticipantHello,
Yes please
November 29, 2021 at 11:10 am #335420
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
.website-wrapper .product-image-summary .cart { margin-bottom: 5px; } .entry-summary #wcpay-payment-request-wrapper { display: inline-block; min-width: 135px; margin-right: 10px; margin-bottom: 10px; padding: 0 !important; } .entry-summary #wcpay-payment-request-button-separator + .single_add_to_cart_button { vertical-align: top; } .entry-summary #wcpay-payment-request-button-separator { display: none !important; } .entry-summary #ppc-button { margin-bottom: 15px; }
Such layout is designed in order to ensure compatibility with all possible plugins, you can use this custom CSS, however it may influence the variations of the variable product. HTML structure or Woocommerce and Paypal do not allow to align all the buttons in one line.
Best Regards
November 29, 2021 at 11:15 am #335423
TMarius21ParticipantHello, I will like to design like this.
Attachments:
You must be logged in to view attached files.November 30, 2021 at 9:35 am #335691
Elise NoromitMemberHello,
Please remove all custom CSS related to the add to cart button on the single product.
Please add this code to the Theme Settings > Custom CSS > Global:
.product-image-summary-inner #wcpay-payment-request-wrapper { padding-top: 10px !important; } .product-image-summary-inner #wcpay-payment-request-button-separator { display: none !important } .product-image-summary-inner #ppc-button { margin-bottom: 10px; } @media (min-width: 1025px) { .product-image-summary-inner #wcpay-payment-request-wrapper, .product-image-summary-inner #ppc-button { max-width: 237px; } }
Best Regards
November 30, 2021 at 11:07 am #335724
TMarius21ParticipantHello, Currently the code is working but on mobile doesn’t doesn’t work.
Please see attached the imageAttachments:
You must be logged in to view attached files.November 30, 2021 at 2:31 pm #335859
Elise NoromitMemberHello,
Please replace the provided code for this one:
.product-image-summary-inner #wcpay-payment-request-wrapper { padding-top: 10px !important; } .product-image-summary-inner #wcpay-payment-request-button-separator { display: none !important } .product-image-summary-inner #ppc-button { margin-bottom: 10px; } .product-image-summary-inner #wcpay-payment-request-wrapper, .product-image-summary-inner #ppc-button { max-width: 237px; }
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register