I have a form on a page but my:
ul li {
color: #FFFFFF;
list-style-type: square;
Part of my style sheet is overwriting the titles for each of my boxes in my form. Is there a way within the form to overwrite this so I can have different text colors in my form and in my stylesheet?
Thanks
Create The Vibe
The forms are designed to inherit a lot of the look and feel from the parent theme.. font color, font-type, etc. The idea being that the forms match the look of your site without having to redefine a lot of those properties. Sometimes, this isn't desirable though so you have to override the theme styles with new ones.
You would just add a new rule to the end of your theme stylesheet to override the current one. You would make this rule more specific and rely on the inheritance from the main form wrapper div. Something like this.
[css]
body .gform_wrapper .gform_body ul.gform_fields li.gfield {
color:#000;
list-style-type:none
}You can find more samples of how to properly target the form elements for CSS manipulation in the documentation at the url below.
http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples