WooCommerce PayPal Payments Background

  • Resolved Robert Dall

    (@rdall)


    2 years, 11 months ago

    In WooCommerce PayPal Version 1.7.1 Payments Background Colour is transparent.

    Once I installed the plugin and turned on Enable buttons on Checkout and then I went to /checkout/ clicked the debit or credit check out button and a payment field appears and it’s background is transparent and we have a black background for the website. See Screenshot for issue.

    Screen Shot 2022 04 27 at 12 12 28 PM

    I have a tried a different CSS setting in my style sheet and I can not get any of my styles to apply. This was not an issues with PayPal Standard and I feel the accessibility of this PayPal Payments Plugin has been reduced due to the fact we can’t see the terms of service check mark text due to the plugins forced style.

    You could easily wrap div around the iframe and then allow people to set the text so it contrasts the background of the site. But no one actually though that through. This reeks of bad UI and poor design.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Syde Niklas

    (@niklasinpsyde)

    2 years, 11 months ago

    Hi @rdall,

    The buttons and the smart card fields are an iframe provided by PayPal and cannot be directly styled with CSS outside of the configuration provided by the plugin.
    The div in which the iframe is placed can be modified in some aspects though, including the background color. Did you give it a try with some basic CSS like this?

    .checkout #ppc-button {
background:white;
}

    This would give the entire container a white background. But it’s not possible to apply this only when the smart card fields are active.
    The PayPal Card Processing is an alternative credit card gateway with fully customizable card fields. Unlike the pre-built iframe experience from the default fields, these can be styled to your preference.

    This was not an issues with PayPal Standard and I feel the accessibility of this PayPal Payments Plugin has been reduced due to the fact we can’t see the terms of service check mark text due to the plugins forced style.

    PayPal Standard did not implement any on-site payment options. It only forwarded the user to the PayPal website where PayPal or card payments could be made.
    The default credit card smart button is optional and can be disabled in the plugin settings under Hide Funding Source(s) if you prefer users to make their credit card payments at PayPal (may require a PayPal account in some cases).
    The PayPal Card Processing is the recommended option if you want to have the most control over card payments but this requires a business account and a vetting by PayPal (which happens automatically during onboarding with Advanced Card Payments selected).

    I hope that helps.

    Kind regards,
    Niklas

    Plugin Support Syde Niklas

    (@niklasinpsyde)

    2 years, 11 months ago

    We have not heard back from you in a while, so I’m marking this thread as resolved.
    Hopefully, the above information helped you out.
    If you have any further questions, please feel free to reopen this topic or create a new one.
    Thank you!

    Kind regards,
    Niklas

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘WooCommerce PayPal Payments Background’ is closed to new replies.