Hi, I am just using Gravity form, Im having a hard time editing the CSS of it. Im using Pagelines as my theme, so I created a custom css code that will override the theme. I read on some of your discussion here that if you type you css code on the CSS of parent theme, you will be able to edit the CSS of the Gravity Form. So my Newbie question is, after I created the CSS code, when do I see the changes? Will I see it on the preview of the form or I can just see it when the GravityForm is added on one of the pages in my Wordpress? I just checked the source code of the preview gravityform and I dont see that the page is using the css from the pageline theme. Thanks in advance
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.
Newbie Question
-
The form preview doesn't include any of your theme CSS, just the default form formatting. Any custom rules you add should only be visible when viewing the form in the context of your theme.
If you need some help overriding your theme styles, you can refer to this guide to targeting the form elements via CSS.
http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/
Posted 13 years ago on Wednesday March 9, 2011 | Permalink -
The default forms CSS gets overwritten with each update so you don't want to make changes directly there. You can duplicate the default forms.css file and include it in your theme folder, then go to the form settings page and set the "output CSS" option to no. That way you can change your local copy of the forms.css file without it being overwritten later.
Posted 13 years ago on Wednesday March 9, 2011 | Permalink
This topic has been resolved and has been closed to new replies.