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

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #335130

    TMarius21
    Participant

    Hello I need help on this please.
    Currently the Paypal, Apple Pay and Google Pay on product page are to big

    Attachments:
    You must be logged in to view attached files.
    #335138

    TMarius21
    Participant

    I’m looking to move all under quantity and add to card at same size

    #335163

    Hello,

    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

    #335164

    TMarius21
    Participant

    Hello,

    Yes please

    #335420

    Hello,

    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

    #335423

    TMarius21
    Participant

    Hello, I will like to design like this.

    Attachments:
    You must be logged in to view attached files.
    #335691

    Hello,

    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

    #335724

    TMarius21
    Participant

    Hello, Currently the code is working but on mobile doesn’t doesn’t work.
    Please see attached the image

    Attachments:
    You must be logged in to view attached files.
    #335859

    Hello,

    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

Viewing 9 posts - 1 through 9 (of 9 total)