Hello I am looking for the defalt styles mentioned here - http://www.gravityforms.com/features/styles-layout/
PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.
Where to find default styles?
-
The default styles are defined in the forms.css file in the plugins/gravityforms/css. If you plan on adding your own custom styles, we advise AGAINST changing the default stylesheet, but rather adding any new style rules to your theme stylesheet. The forms.css file in the plugin folder gets overwritten with each new update so any changes you make there will be lost.
The information on using the CSS Ready Classes is in the documentation section if you're interested in knowing more about those.
http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes
Posted 13 years ago on Thursday April 28, 2011 | Permalink -
Thanks for your response, I was under the impression that "Gravity Forms comes with a great set of default styles" not (single) style according to the above link.. I cant find any samples .css to use as a guide, as far as making the forms look prettier.
Posted 13 years ago on Thursday April 28, 2011 | Permalink -
Where is the text color editor & background color editor that is shown here? - http://www.gravityforms.com/features/form-builder/
Posted 13 years ago on Thursday April 28, 2011 | Permalink -
Sorry, just one default stylesheet. We do plan on offering some type of themeing add-on in the future with some other pre-built style choices though.
The color pickers you're referencing are progress bar settings that are enabled when you set up a multi-page form.
Posted 13 years ago on Thursday April 28, 2011 | Permalink -
Sorry, but the GF stylesheet is loaded after the theme stylesheet which means I have no way to make any customization to the CG forms. Is there another way to do any CSS mods without having to redo it after every update?
Edit: I am actually trying to change the appearance of the Section Break. I have tried to add a CSS class to the form, but it did no good. On looking at gravityforms/css/forms.css I see that there are a lot of !important designations in there which will totally override anything people try to change. It boggles my mind why they would be there and still make claims that it was easy to change the CSS...
Posted 13 years ago on Friday April 29, 2011 | Permalink -
Open your header.php file and try putting the wp_head() function call before you call you theme stylesheet and you shouldn't have a problem.
You can also go to the form settings and set the "Output CSS" option to no so the default form styles don't get loaded at all. Then you can copy all of the styles into your own stylesheet that won't be affected in any way by the plugin updates.
Posted 13 years ago on Friday April 29, 2011 | Permalink -
@benlawsonphotography
You can override the !important declarations if you want by using better CSS specificity. It just takes a little bit more effort to properly write out your rules. There are samples in the documentation that show you how to properly target and manipulate the form elements.
http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples
You're can always to post a URL to your form and let us help you out.
As I mentioned above, you're welcome to turn off the CSS output and roll your own if you want. That makes it really easy to do whatever you'd like without having to bother with the default styles. The world is your oyster man.
Posted 13 years ago on Friday April 29, 2011 | Permalink
