Okay, still same thing as the other day. The Gravity Forms styles aren't being output. You said you put them in your custom.css file, but it's not outputting them that I can see.
http://valleyviewwinery.com/wp-content/themes/coffeebreak/custom.css
Do a search on that page for "gform" and it returns nothing. Are you sure you've added them in the right place? If you're not sure where to put them or are having problems loading stuff from the theme, you'll want to contact the Woo Themes support group for some leadership there.
Also, FYI, WooThemes has some default Gravity Forms styles added to their themes. You can see that in the styles.css file for the theme.
http://valleyviewwinery.com/wp-content/themes/coffeebreak/style.css
/* Gravity forms */
.gfield { margin-bottom: 10px; }
.gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }
.gform_wrapper input { padding: 7px 3px !important; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 350px !important; padding: 7px 3px !important; }
.gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
img.ui-datepicker-trigger { border: 0px; padding: 0px; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea, .gform_wrapper input { background: #FCFCFC; border: 1px solid #E2E2E2; }
.gform_wrapper input.button { background: #F0F0F0 no-repeat 90% 50%; border: 0px !important ; color: #333; font-size: 12px !important; padding: 4px 25px 4px 25px !important; text-transform: uppercase; margin-right: 20px; }
.gform_wrapper input.button:hover { background: #DBDBDB; }
So, the run down, get the Gravity Forms styles loaded properly somewhere and most of the spacing and size issues you're seeing will be taken care of. Then if you're still seeing the bullets from your theme, you can look at the FAQ page for the fix to remove those. It's under the styling section.
http://www.gravityhelp.com/frequently-asked-questions/
Lastly, since there are some custom form styles in the style.css file, you may have to remove or modify those as well to get the form set to your liking.
Posted 14 years ago on Saturday August 28, 2010 |
Permalink