• Resolved jtboiii

    (@jtboiii)


    Hi,

    The Apple and Google pay button on the single product page is not aligning correctly. I read a few other previous post that seem to be similar issue but the css you posted there doesn’t work on my website.

    The page I need help with: [log in to see the link]

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

    (@mrclayton)

    Hi @jtboiii

    The issue is your form HTML is not allowing flex wrap. Add this CSS to your site:

    form.cart{
    flex-wrap: wrap !important;
    }

    Kind Regards

    Thread Starter jtboiii

    (@jtboiii)

    Thank you very much. That worked!


    Also, the Google Pay button background colour seems to be taking my add to cart gold button colour. Do you know what I can here to fix this?

    Plugin Author Payment Plugins

    (@mrclayton)

    Add this CSS:

    .gpay-card-info-container.black{
    background-color: #000 !important;
    }

    Kind Regards

    Thread Starter jtboiii

    (@jtboiii)

    That worked! thank you.

    But when I change it to ‘checkout’ button style, it looks like it loses all its formatting for its button? If I change it to “Pay” button, no issue with with that style.

    Plugin Author Payment Plugins

    (@mrclayton)

    Same issue, your elementor integration is overriding the plugin’s styling. You can adjust the CSS to make it apply to the button type.

    .gpay-button.black{
    background-color: #000 !important;
    padding: 8px 8px !important;
    }
    Thread Starter jtboiii

    (@jtboiii)

    Thank you very much. That did the trick!

    Your support and service is outstanding. Will leave a 5 star review ??

    Plugin Author Payment Plugins

    (@mrclayton)

    Thank you.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Apple and Google button not aligning correctly in product page’ is closed to new replies.