Our documentation has moved!

You are currently viewing a legacy version of our help articles.
For the most up-to-date version, please use the new Chargify Help & Support Site.

Hosted Page CSS contributed by a user

This was contributed by one of our most active users, Kori Francis, who is also the author of Chargify.Net sample code.

Kori says...

Wanted to share some simple CSS which can fix a few issues with the hosted page CSS (including the select size being different):

div.section_three input,
div.section_four input, div.section_three select {
background: #f5f5f5;
border: 1px solid #ccc;
-webkit-border-radius: 5px; -moz-border-radius: 5px; resize: none; }

* html input { overflow: visible; padding: 5px;}

div.section_three select {
margin-top: 5px;
padding: 6px;

div.section_three input:focus,
div.section_four input:focus, div.section_three select:focus {
background: #fff;

Though, it works for everything including IE - there's an issue in IE where the text is placed strangley. I'm not an IE CSS expert, so I'm not sure how to fix that. Any suggestions?


Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request


Please sign in to leave a comment.
Powered by Zendesk