Styling the Copy and Pay Widget

Follow

The Copy and Pay widget can be customized including the fonts and other elements.

To do this you would need to access the individual elements of the form to change their styles.

Example for the changing the style, font and color of the input for Cardnumber and Cvv:

.wpwl-wrapper-cardNumber {
color:blue;
font-family: "Calibri";
font-style: italic;
}
.wpwl-wrapper-cvv {
color:red;
font-family: "Calibri";
font-style: italic;
}

Similarly you can use the following elements to modify the various inputs available:

.wpwl-wrapper-brand

.wpwl-wrapper-cardNumber

.wpwl-wrapper-expiry

.wpwl-wrapper-cardHolder

.wpwl-wrapper-cvv

.wpwl-wrapper-submit

 

Please note - You cannot use custom fonts that are loaded via the @font-face CSS
function.

Have more questions? Submit a request

Comments

Powered by Zendesk