Form Style Help - button placement « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

deadhippo
Member

I am trying to get the button on the right rather than underneath the email input area.
eg. https://lh3.googleusercontent.com/-SqvxTLwF1y4/Tv9Rju0ZlzI/AAAAAAAAGMQ/DbKoL5jN5fA/s430/buttonstyle.png

What's the best way to do this?

Posted 12 years ago on Saturday December 31, 2011 | Permalink
Rob Harrell
Member

We can achieve this with CSS, if you could post a link to your form I'd be glad to help you out with it. If it's a private page you can email me at rob@rocketgenius.com

Posted 12 years ago on Saturday December 31, 2011 | Permalink
deadhippo
Member

Thank you.

http://www.theshirtlist.com/

It's currently messing up my homepage.

Posted 12 years ago on Saturday December 31, 2011 | Permalink
Rob Harrell
Member
This should get you started, add this to your theme's stylesheet and feel free to tinker from there:
```
[css]
#gform_wrapper_6 .gform_footer.top_label {
clear: none;
float: right;
margin: -30px 140px 0 0;
padding: 0;
}
```
Posted 12 years ago on Saturday December 31, 2011 | Permalink
deadhippo
Member

Thanks for the reply.

Only the float seems to work though. The margin doesn't seems to affect the position at all.

Posted 12 years ago on Saturday December 31, 2011 | Permalink
Rob Harrell
Member

Check out the edited post above. I targeted that form ID so that styling doesn't get used elsewhere on standard form implementations, which result in no need for any !important declarations.

Posted 12 years ago on Saturday December 31, 2011 | Permalink
deadhippo
Member

Thank you. That works well. Now must try to get my hair back on.
I've decided not to use it on that location because after subscribing it will break my layout but I will be using similar code on a different site.
Thanks again!
Happy New Year!

Posted 12 years ago on Saturday December 31, 2011 | Permalink
Rob Harrell
Member

Sounds good, let me know if you run into any issues on the other, we can work it out! Happy New Year to you too.

Posted 12 years ago on Sunday January 1, 2012 | Permalink
deadhippo
Member

Hi,

I have actually implemented it and I messed around with it for a while but it got me thinking. This is a bit ridiculous. We should be able to just get 100% unstyled forms. It would be much easier than tinkering with the CSS via Firebug. I'm sure I'm not the first person to think this so is is possible?

Thanks.

Posted 12 years ago on Sunday January 1, 2012 | Permalink
Rob Harrell
Member

You can choose to not output the gravity forms CSS in the plugin settings, where you input your license key. Placing a form in a very specific area is always going to need CSS, if you have a head start or not. The more custom your placement and look, the more tinkering you will need to do with CSS regardless.

Posted 12 years ago on Sunday January 1, 2012 | Permalink
deadhippo
Member

Thanks for the reply. I didn't know that we could output without CSS.

I understand that that I will need to use CSS to style it, but the thing that I wasn't happy about is all the unused css code. I spend a bit of time trying to decrease the size of my stylesheets to remove the milliseconds from the load time.

Perhaps there should be an option to disable the css on a form to form basis rather than for the whole plugin.

For me though, I think the option you have given us is the best because we have full control and it's one less css file to call.

Thanks!

Posted 12 years ago on Sunday January 1, 2012 | Permalink
Rob Harrell
Member

Right on, I hear ya. Glad to help!

Posted 12 years ago on Sunday January 1, 2012 | Permalink