Secure Payments Iframe Styling
Updated 2 weeks ago
Introduction
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.