I am using the Headway Theme and on some of my sites the forms work correct as far as alignment. but most do not work correctly. For instance http://chicagoremodelingprojects.com/contact only the top alignment works even though the alignment is set to the right . I tried to change the CSS as older post suggested, but no luck.
Can you please provide advice. The product is great besides the alignment issue.
Thank you in advance!
Joe
You have 2 issues going on. First, your forms.css path is there, but it's giving a 404 error. WordPress may have flubbed your installation or something else went wrong, but that's why you're not seeing most of the styling. I also notice that you're still running version 1.4.5. I would go ahead and run the auto-update from the plugins page to get the new 1.5 version. That may fix the missing stylesheet issue as well.
The other issue is a headway style that's causing problems. Line 643 of the headway.css file sets all labels to "display:block" and this is causing formatting errors inside your forms.
You can try adding this to your custom.css and it should override the headway default rule.
Let me know how that works out.
Note: I just spoke with the Headway developers and they're incorporating a fix for the Headway CSS issue that will be in their next release. You'll still need the CSS snippet above for now, but hopefully you can remove it once you've updated your theme next time.
I am having a problem with the gf_inline CSS on the form not working on my Wordpress page. I am pretty sure the Wordpress CSS is overriding the gf_inline. I have been using Firebug to try to find the culprit, but can't seem to find the problem. I want the UNFI Item #, Description, Quantity, and Price to be on the same line.
Here is a link to the site: http://otmpagosa.com/loyalty-members-coop/
Thank you!
looks like the page you referenced is password protected. Can you send a password.. if it's something that needs to be secure, you can send it via the contact us form and make it to my attention.
I also removed your other duplicate post. Please don't post for the same issue multiple times. Chasing down duplicates just wastes our time when we could be helping you and other folks out.
Thanks.
I took the password off the page and you should be fine now. Sorry about the duplicate post.
Thank you for your help!
Ryan
No worries about the other post. We just don't want multiple folks working on the same thing if we can avoid it. I'll take a look at your page again and let you know what I can find out. Thanks.
Yep, here's the deal. Your theme is loading a customized version of the form styles.
http://otmpagosa.com/wp-content/themes/organic_natural_earth/includes/organic_gforms.css?ver=3.3.1
The ready class styles, including the "gf_inline" are not defined in that stylesheet so even though you're applying the class, the browser doesn't know to do anything. You can either go back to using the default forms.css option or copy the ready class styles from the default Gravity Forms forms.css file and paste them at the end of your custom forms stylesheet.
Once the class is defined, it should work okay.
That worked!! Thank you so much for the help!
Everything works fine on Firefox and Internet Explorer. For some reason Safari still isn't showing the form right, but I think that may just be because it hasn't updated yet or something. I did add the extra code from forms.css for Safari and all the other browsers so that isn't the problem.
For some reason the form is still not working right on Safari.
Could you check into this?
Thank you,
Ryan
Ryan, just checked this in FF/Chrome/Safari on OSX and they all look identical to each other. What version are you looking at and are you sure you're not cached?
I am running Version 5.1.2 Safari and for some reason the inline isn't working on the form in that browser. How do I check if I am cached?
I just emptied by cache and that did fix my problem with Safari.
Thank you for all your help!
Awesome, no problem!
