Customising the Card SDK

monoovas card checkout is fully customisable to match your application as an iframe is used for security reasons, not all host styles are inherited by the card form, such as font family the css for the card form is contained in #checkout container id a default style will be used for elements where custom css is not passed form fields can be customised by editing the following options { "input" { "base" { "borderstyle" "none none solid none", "bordercolor" "#000000", "boxshadow" "0px", "background" "#ffffff", "fontfamily" "courier new", "borderradius" "0px", "paddinghorizontal" "0px", "lineheight" "", "color" "#000000" }, "error" { "borderstyle" "solid", "bordercolor" "#d0021b" } } } the submit button can be customised separately by editing the following options { "submitbutton" { "base" { "color" "#ffffff", "background" "#2ab5c4", "borderradius" "10px", "fontfamily" "sans serif", "fontweight" "bold", "boxshadow" "none" } } } for other style options, such as error styles, disabled form styles and loading styles please contact monoova support