Customization + Position Apple Pay/ Google Pay Button

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Clayton R

    (@mrclayton)

    2 years, 6 months ago

    Hi @hendrik11

    How can I adapt the position and style of these buttons for desktop and mobile?

    You can adjust the button positioning using some simple CSS. Can you share a link to the product page?

    Your container HTML likely has a display: flex style which is causing the buttons to appear inline.

    Kind Regards

    Thread Starter hendrik11

    (@hendrik11)

    2 years, 6 months ago

    Thanks for the super quick answer! Here is the single product page:
    https://lengura.de/product/curso-a2-1-lunes-20-30/
    I would the buttons to look as follows:
    https://ibb.co/2ZsmZLn
    https://ibb.co/5vxRcF9

    Plugin Author Clayton R

    (@mrclayton)

    2 years, 6 months ago

    The following CSS will vertically stack your payment buttons.

    .woocommerce-variation-add-to-cart{
    flex-wrap: wrap;
}

.woocommerce-variation-add-to-cart div.quantity{
        margin-bottom: 12px !important;
}

    If you want them inline, you can add display:flex to the HTML class wc_stripe_product_payment_methods.

    Kind Regards

    Thread Starter hendrik11

    (@hendrik11)

    2 years, 6 months ago

    Thank you so much! Great support as always. I contacted you via your support email because I feel that there are some more customizations (which of course, I would love to pay for).

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Customization + Position Apple Pay/ Google Pay Button’ is closed to new replies.