Buy with apple pay button resize

  • Resolved vvalisoy

    (@vvalisoy)


    1 year, 11 months ago

    I want to make apple pay button full width like google pay button

    https://ibb.co/bdNwWTy

    https://ibb.co/5GbgNzP

    i use woodmart theme, i tried some css

    .wc_stripe_product_payment_methods * {
    box-sizing: border-box;
    }

    and

    .button.apple-pay-button.apple-pay-button-black {
    display: block;
    width: 100%;
    }

    these, but none worked

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Payment Plugins

    (@mrclayton)

    Hi @vvalisoy

    Can you share your website url so we can take a look? It’s possible your theme is overriding the styling and that’s why your CSS isn’t working.

    Thanks

    Thread Starter vvalisoy

    (@vvalisoy)

    Ending of checkout buy with Apple Pay button

    shopenium.com

    Plugin Author Payment Plugins

    (@mrclayton)

    Use this CSS:

    @supports (-webkit-appearance: -apple-pay-button) {.woocommerce-checkout-payment .apple-pay-button { max-width: 100%; }}

    Thread Starter vvalisoy

    (@vvalisoy)

    didnt effect still same,

    go to shopenium.com/checkout scroll down choose apple pay then you will see button

    Plugin Author Payment Plugins

    (@mrclayton)

    Add the “!important” statement at the end of the width property as follows:

    @supports (-webkit-appearance: -apple-pay-button) {.woocommerce-checkout-payment .apple-pay-button { max-width: 100% !important; }}

    I tested and it works.

    Thread Starter vvalisoy

    (@vvalisoy)

    it worked thanks a lot

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Buy with apple pay button resize’ is closed to new replies.

Tags