recurly

Styling Recurly.js input fields


Does anyone know how to directly style an input field generated by recurly.js? It injects input fields into the page through iframes. Their documentation gives classes that are added the the divs or spans (whatever you use) surrounding the iframe but they have styles alredy loaded in the of the iframe and I can't figure out how to override them.

Thanks!

recurly docs


Solution

  • Styling of payment fields injected within the iframe can be done through the CSS section of recurly.config() in the recurly sign-up page https://dev.recurly.com/docs/getting-started-1#section-styling-card-fields.  This enables the styles to be applied on the hosted payment fields when the recurly sign-up page is loaded.