Secure Payments Iframe Styling


To maintain payment card information (PCI) compliance, applications integrated with Secure Payments (formerly PCI Wallet) are required to use the Secure Payments iframe. It may be helpful to change the iframe style so it matches your user interface (UI). Secure Payments offers some custom styling options to make this possible.

How to Change Iframe Style

To use the custom styling in Secure Payments, navigate to Iframe CSS: Menu>Settings>Iframe CSS

The following styling options are available for the iframe:

  • Font – This selection lets you choose the text font for the iframe. Available options include:
    • Arial
    • Arial Black
    • Comic Sans
    • Courier New
    • Georgia
    • Impact
    • Times New Roman
    • Trebuchet MS
    • Verdana
  • Select Color – This color will display when a field is selected.
  • Button Color – This changes the color of the buttons. Use a HEX code to get a specific color.
  • Button Hover Color – This will change the color of a button when the cursor hovers over it. Use a HEX code to get a specific color.

These values will save automatically as you enter them.

Additionally, you have the ability to set a default country for the Secure Payments iframe.

Select United States or Canada, depending on what region you are in. 

Note: The Secure Payments iframe is also mobile friendly, so your customers should have no issues using the iframe on their handheld devices.

How did we do?

Powered by HelpDocs (opens in a new tab)