Why aren't Ready Classes working? « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

dannam
Member

URL: http://www.maidtoclean.com/test-video/

Kudos on your terrific documentation for this plugin. I'm stumped at why I can't get these ready classes to apply. This is a simple 2 column form. Label are top aligned. The Theme css doesn't appear to be overriding your style sheet.

Address 1 should be gf_left_half | Address 2 should be gf_right_half
City should be gf_left_half | State should be gf_right_half
Phone should be gf_left_half | Email should be gf_right_half

I don't see of these ready classes in firebug. And when I go back into the advanced tab to look, sometimes the ready class is still in there and sometimes it isn't .

Thank you -

Posted 12 years ago on Sunday December 18, 2011 | Permalink
Rob Harrell
Member

The ready classes that are present are working, it just seems like the classes aren't staying on your fields you are creating. Are you sure you are adding the missing classes and saving the form before leaving the page? Can you double check, or preview the form within the form builder?

Posted 12 years ago on Sunday December 18, 2011 | Permalink
dannam
Member

We're getting closer. It appears the issue I was having was due to copy/pasting the classes in the fields. Once I started typing them in, they "stuck".

FORM I'm working on: http://www.maidtoclean.com/update-my-profile/

You'll see that City has a medium size field with gf_left_half.
State has a small size dropdown field with gf_right_half.

State does not display on the same line. It appears to wrap.
City should be the same size field as "first name" above, but Firebug says it's width is 97%.
Why? How to force it to be same size as first name?

Thank you -

Posted 12 years ago on Monday December 19, 2011 | Permalink
Rob Harrell
Member
It looks like on line 949 of style.css you have:
```
[css]
#content .post ul li, #content .page ul li {
list-style-type: disc;
margin: 0 0 0 20px;
padding: 0;
}
```
That margin is your culprit.

You could try placing this in:
```
[css]
.gform_wrapper li {
margin: 0 !important;
}
```
To target the State select you could use:
```
[css]
#input_6_11 {
width: 97%;
}
```
Posted 12 years ago on Monday December 19, 2011 | Permalink
dannam
Member

Hi Rob,
Thanks so much - spot on!
CSS is now rendering exactly like I want.
Again, kudos for your terrific document and support.

Posted 12 years ago on Monday December 19, 2011 | Permalink

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