Format payment page

To format the payment page using the style attributes:

1

Add the ClearentSDK.init() method.

<script type="text/javascript">
    ClearentSDK.init({
        "baseUrl": "https://gateway-sb.clearent.net",
        "pk": "YOUR PUBLIC KEY GOES HERE",
        "styles": ".form-control{color: blue;}.form-control:focus{color: purple;}"
    });
</script>

The payment form displays the blue text for input fields, and the text changes to purple when the field is selected for input

Payment form fields

2

Access the element classes, IDs, and structure from the browser’s Developer toolbar to build any override styles for your payment page.

Browser's developer toolbar

The following error will be displayed when you set an external resource or data/blob content in the style attributes during formatting the content.

Error from the browser's developer toolbar