Font size for credit card input digits

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

    (@niklasinpsyde)

    Hi @vuster,

    The PayPal Card Processing provides hosted fields, essentially an iframe rendered in a customizable form field. Unlike the card form fields from the standard card button, the PayPal Card Processing provides full customizability and can be styled to your needs.
    Your theme mostly decides the default look, but you can tweak it with custom CSS.

    Changes to the style of the fields may not be immediately visible in the WordPress Customizer and require you to save and refresh the checkout page.
    Here are a couple of relevant selectors:

    Place Order button (from PayPal Card Processing) on the checkout page:

    Wrapper div#id: ppcp-hosted-fields

    Button class: ppcp-dcc-order-button

    PayPal Card Processing form fields:

    Card number: id# ppcp-credit-card-gateway-card-number

    Expiry (MM/YY): id# ppcp-credit-card-gateway-card-expiry

    CVV: id# ppcp-credit-card-gateway-card-cvc

    Save Credit card selectbox: id# saved-credit-card

    Here is a small example to hopefully make it more clear how to use it:

    #ppcp-credit-card-gateway-card-number {
	color: #174a75;
	font-size: 50px !important;
	font-weight: bold;
}

    Some attributes may require !important to be applied.
    I hope this helps!

    Kind regards,
    Niklas

Viewing 1 replies (of 1 total)
  • The topic ‘Font size for credit card input digits’ is closed to new replies.