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.

Varying Form Styles

Gravity Support Forums » Plugin Support » Gravity Forms

Colinz
Member
Hi,

I have two forms that l wish to style differently. At present l have added this to the style.css. to reposisition one of those forms, but l would like to define this css to form id 7 only.

Can you assist?
```
[css]
.gform_wrapper form {
    color: #FFFFFF;
    margin-left: 380px !important;
    margin-top: -850px !important;
    text-align: left !important;
}
```
Posted 12 years ago on Monday September 17, 2012 | Permalink
Chris Hajer
Key Master
Sure. Change line 1 to this:
```
[css]
#gform_wrapper_7 form {
```
Change it from a class (period) to an id (hash) and add the form number _7 and you have it. You can see the ID and class of the Gravity Forms output if you view the source of the rendered page.
Posted 12 years ago on Tuesday September 18, 2012 | Permalink
Colinz
Member

Thank you very much

Posted 12 years ago on Tuesday September 18, 2012 | Permalink
Chris Hajer
Key Master

You're welcome.

Posted 12 years ago on Tuesday September 18, 2012 | Permalink

This topic has been resolved and has been closed to new replies.