Posts: 8
Registered: ‎12-12-2016

Styling Accept Hosted form

Is there any way to style the Accept Hosted form or form fields?


Posts: 424
Topics: 0
Kudos: 88
Blog Posts: 0
Ideas: 0
Solutions: 34
Registered: ‎04-28-2017

Re: Styling Accept Hosted form

Using the posted XML :

<settingName>hostedPaymentStyleOptions</settingName> <settingValue>{"bgColor": "red"}</settingValue> </setting>
Powered by -
Certified developers
Posts: 8
Registered: ‎12-12-2016

Re: Styling Accept Hosted form

Thanks, but that only styles one specific element: the background color. And it appears there's no other elements that can be styled except that one, unless I'm missing some data in the docs.


Is there any way to style other specific elements, like making the text input boxes into regular input boxes with 4 borders and an inset look?


Posts: 2
Registered: ‎06-29-2017

Re: Styling Accept Hosted form

Need to find out about this as well. The font on the form is serif and very large, which clashes with the font on our site. I found a page in the authorize dashboard that allows you to customize the payment form, but it appears to have no affect on the accept hosted form.


Is there no way to customize the fonts at all? Maybe this is the final straw that prompts us to move on to a more modern payment gateway.

All Star
Posts: 699
Registered: ‎11-03-2016

Re: Styling Accept Hosted form

Hi @poachie,


Besides the highlight color, there is no way to change the style of the Accept Hosted form. If you want control over the look and feel of the form, we suggest that you create the payment form on your site exactly how you want it to look, then use Accept.js to convert the credit card info to a one-time use token before the information gets transmitted to your server. This provides the same benefit of shielding you from the payment information while giving you a lot more flexibility in appearance.

Posts: 26
Registered: ‎08-31-2010

Re: Styling Accept Hosted form

[ Edited ]

Old post, but I'm replying because I was looking to get this question answered as well and saw the response by @Aaron.  Does this not defeat the purpose of the Hosted Form? ie The Hosted Form is here so the person using it has lesser responsibility from a PCI Compliance perspective.


If you were to do what suggested the server you are collecting this information on is now required to comply to a much higher level of PCI Compliance.

Posts: 2,765
Topics: 57
Kudos: 245
Blog Posts: 67
Registered: ‎12-05-2011

Re: Styling Accept Hosted form

Hello @pberce


Accept.js enables you to meet PCI DSS SAQ A-EP and still maintain full control over the customer experience while Accept Hosted offers a mobile-optimized experience meeting PCI DSS SAQ A but doe not offer the same UX customization.