X-Cart forums

[jadefrolics]

Is it possible? I really want to style the Quantum InLine Frame payment method so it matches my site better. I don't have access to the page that the Inline Frame calls, so I would like to somehow style it without editing that page itself.

Quantum suggested maybe I can do it with javascript, but I do not know javascript. Thanks!

[Emerson]

You can add the style right to the iframe tag

Something like this:

PHP Code:

<iframe name='iframe1' id="iframe1" src="empty.htm" frameborder="0" border="0" cellspacing="0" style="border-style: none;width: 100%; height: 120px;"></iframe> 


[jadefrolics]

Thank you for getting back to me! I'm looking to style the actual web site that the Iframe has opened... in this case the actual billing info form that's IN the iframe and is hosted on the Quantum server, not mine. It seems like the code you showed is for styling the iframe box rather than the contents within it... is that right?

Sorry if I was unclear!

[Emerson]

Indeed you can do that but it does not work across all browsers.
Check this out: http://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe

[cflsystems]

Becuase this is the actual page that collects CC info can this be consider as putting site back in pci scope? The whole point of this iframe page is to get out of the pci scope

[jadefrolics]

I'm working with Quantum to see if they can implement just a link to my external CSS document in the iframe page. Hopefully it will be a success. The whole styling via javascript from outside has been cracked down on because of security issues, so I figure I should stay away from that route now. Thanks, guys!