Hello,
Is this possible and, if it is, how?
I'd like on a single-line horizontal form:
- Short text (e.g., "Sign up here")
- Name field
- Email field
- Submit button
To look like this:
Sign up here: [Name... ] [Email... ] (Submit)
Any help is greatly appreciated.
- Peter
Peter,
You can use our ready classes to align the fields:
http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes
The submit button will need some CSS - once you get the fields aligned, post a link to your form for me.
Hello Rob,
Here's the link: http://ingersollinteractive.com/
However, it's in "Coming Soon" mode. If you don't mind, you'll need to log in (as a subscriber):
http://ingersollinteractive.com/wp-login.php
User: Guest
Pswd: GuestAcct
And then you will see the beginnings of the home page. The form is in the area below the section labeled "Below this line is the horizontal form."
I'd really like to get the submit button on the same line.
I'd also like to try and align the HTML "field" that currently says "Please join my list:" to be centered vertically to the input fields.
Your help is greatly appreciated.
- Peter
I'm not a CSS expert, but I found something that looks like it works. I'll have to keep playing with it. I'd really like to make it nicer and work cleaner in a responsive layout.
Here's what I added to custom CSS:
#gform_submit_button_3 {
float: right;
margin: -40px 0px 0 0;
}I'd be happy to learn if there is a better technique.
- Peter
Peter,
That is basically how you would do it. For a responsive layout - you'd have to then write an appropriate style for the submit button to not float depending on the correct media query you want that to take place.
Dave,
Do you have a link to your form and are you comfortable writing CSS with media queries?
Thanks Rob. It sounds like I'm about to get familiar with the concept - funny you mention it because I was starting to research last night to create one for Firefox for the same button, so the short answer is while I've never written them I think I'll be okay doing it.
Here is the link - http://kb.gadariandigital.com/
Thanks again! Looking forward to learning something new.
Best,
Dave
Dave,
In regards to that link above, what are you looking to do exactly?
