You will want to add these styles to your theme's stylesheet. Also you can use this guide as a reference, and/or chrome dev tools or firebug for firefox.
http://www.gravityhelp.com/documentation/page/Design_and_Layout
You can use this to change the label styles:
[css]
.gform_wrapper .gfield_label {
color: blue;
}
The section break headlines are h2 elements. Currently you have a declaration in your theme's stylesheet for h2 styling, which the form is inheriting (as it should):
[css]
#content h2 {
font-size: 20px;
padding: 0 0 5px 0;
border-bottom: 1px dotted #BBB;
}
If you want to target only the headlines on the form you could use:
[css]
.gform_wrapper h2.gsection_title {
color: blue !important;
}
The !important here is used to override the color styling of this:
[css]
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
color: #444;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
text-decoration: none;
margin: 0 0 5px 0;
}
It looks like you have some break tags coming in on some of your fields too:
http://grab.by/cgVk
You could do this to try to add spacing between the fields:
[css]
.gform_wrapper li, .gform_wrapper form li {
margin: 10px 0 0 20px !important;
}
Let me know how this goes for you.
Posted 12 years ago on Thursday March 8, 2012 |
Permalink