Credit Card Iframe styling

  • Resolved dynamek

    (@dynamek)


    3 years, 1 month ago

    CSS styling on the iframes seems abnormal with things like font-size: 27px;
    Are there any plans to allow us to control styling of the credit card payment box including the input boxes?

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

    (@niklasinpsyde)

    Hi @dynamek,

    Do you mean the hosted fields from the PayPal Card Processing gateway? Could you maybe provide an example of where it doesn’t look right?
    These fields are already fully customizable via CSS. There’s not too much documentation around the customization available yet, but we’re working on providing more details to adjust the look of the fields to your desire.

    The smart card fields from within the regular PayPal smart button iframe cannot be styled with CSS though. This iframe has basic styling options in the plugin settings, but everything beyond that (including card fields) is controlled by PayPal.

    Kind regards,
    Niklas

    Thread Starter dynamek

    (@dynamek)

    It would be the iframe#braintree-hosted-field-number / input#credit-card-number for example. Changing the span wrapper css (span#ppcp-credit-card-gateway-card-number) doesn’t make any different as it’s in an iframe.

    I have one site that is outputting font-size: 22.08px; and another that is font-size: 27px; so why the difference if it controlled by PayPal. When you overall font size is 18px, 27px in the input box looks so wrong.

    I don’t see any CSS styling options with this plugin and definitely nothing to do with the iframes.

    Thread Starter dynamek

    (@dynamek)

    Any update please? Doesn’t seem to have been solved in the new plugin update.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Credit Card Iframe styling’ is closed to new replies.