Security, Privacy, AI and CSR information for all Piano products now lives in one place. Explore our Compliance Center.
Subscriptions
English French
English French

How to change the style of the Stripe credit card form

In order to change the style of the Stripe credit card form in Checkout, you will need to place the below sample code into the Checkout Style template:

input[type="text"].flat, input[type="password"].flat {
    background: transparent;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: none;
    color: #40526a;
    outline: none;
    border: 0;
    box-shadow: none;
    height: 40px;
    padding: 10px 10px 10px 10px;
}

These are default styles. They can be updated and affect the inner input styles.

Last updated: