Common CSS for the Prospect Widget

Follow

Below you'll find some of the most common code that you can simply input within the "Custom CSS" box within the settings page of your Prospect widget:

 

To make all fields the same size:

div.healcode input, div.healcode textarea, div.healcode select {
     width: 60%;
}

 

To adjust the font size of the input forms (You can adjust the '12' to whichever size you like.)

div.healcode input,div.healcode textarea, div.healcode select {
     font-size: 12px;
}
 

To adjust the font size of the custom fields (You can adjust the '16' to whichever size you like.) 

.hc-prospect-field.hc-question div {
     font-size: 16px;
}
 
 
To adjust the font family displayed on your widget (You can adjust the 'arial' to whichever size you like.)
 
Some more obscure fonts will not work. We recommend choosing a websafe font. You can find one here.
 
div.healcode.prospect {
     font-family: arial, sans-serif;
}
 
 
Have more questions? Submit a request

Comments

Powered by Zendesk