This is my first real experience at using Gravity Forms. Need to know how to change the color of the input field on the boxes. My site that is under development is here: http://mt.marketingtwins.com
I want my site's contact input fields to look like this with the gray boxes: http://ithemes.com/contact/
Can someone help?
Place this into your theme's stylesheet and it should get you pretty close:
[css]
.gform_body input[type="text"], .gform_body textarea, .gform_body input[type="button"] {
padding: 5px !important;
background-color: whiteSmoke;
border: 1px solid #D6D6D6;
color: #333;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: 5px 5px 5px 0;
font-size: 14px !important;
}
.gform_body input[type="text"]:focus, .gform_body textarea:focus {
background-color: white;
border-color: #D6D6D6;
color: #333;
}Wow - that's great!! One more question: if I want to change the FONT SIZE of the input field the user types, how do I do that? Thanks for the quick response!!!
Hey, lookin' good! Glad to help out. For the font size, just add this to that declaration above (I edited the code above to include):
font-size: 14px !important;
Feel free to change the px value to whatever suits you best. :)
Beautimus!! Thanks Rob!
Without links to your form to see what theme you are using and what styles are being applied, we are flying blind here.
rob@rocketgenius.com - reference this post and send as much detail as possible.
cmccrone
Member
Fixed via Email. Thanks Rob. To those viewing this topic. It worked 100% but for some reason no changes showed up for 8 hours. Now the changes show up instantly. I did disable my theme and reactivate it. That may have been the solution.
Again, Thanks GravityForms. This thing does everything.
Glad to help out!
