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.