Hi,
I'd like to style a form, but not have it affect all of my forms.
What would be the recommended way of doing this? Can I create a new Ready Class and then choose it? Can I override things like the margin and the width: 47% in the gform wrapper?
Thanks so much. :)
Hey Jason, sure. Overall - GF has a lot of ways you can select and hook onto elements with CSS. Care to share a link and/or some more detail with what exactly you are trying to achieve? I'd be happy to help you with the best way to tackle it after seeing the bigger picture.
Hi Rob,
Thanks. Here's a link to a little capture form I'm creating: http://simplemethod.ca/test/
I'd like to style this in a number of ways that would set it apart from a normal form, including possibly the font, the input boxes – to be wider in relation to the available space in the div container they are in, and maybe some other things.
I think that's it for now!
Best Regards.
Well, each form has a unique ID tied to it. If you view the form using Chrome Developer Tools or Firebug for Firefox, you'll see that, as well as each li and input has their own unique ID.
So, you could just use those IDs to target individual elements, or you can use classes as well. Here is some more information on structure to help you with your selectors:
http://www.gravityhelp.com/documentation/page/Design_and_Layout
No problem, try placing this into your theme's stylesheet:
[css]
li#field_8_1 .gfield_label, li#field_8_2 .gfield_label {
color: white;
}Right on, glad to help!