| View previous topic :: View next topic |
| Author |
Message |
jock41
Joined: 28 Nov 2012
Posts: 3
|
 Posted: Wed Nov 28, 2012 1:35 pm Post subject: Contact form |
 |
|
| Name, E-Mail and Phone input fields are all same width, except that E-Mail input field is shifted to the right. How should I move the field (left) to line up with the others? I am otherwise a satisfied customer. Thanks! |
|
| Back to top |
|
 |
mycontac
Site Admin
Joined: 31 Dec 2003
Posts: 2860
|
| Posted: Thu Nov 29, 2012 7:02 am Post subject: Reply |
|
|
Please post a link to the form and I'll take a look. You can set the width of the email fields to match the other fields by clicking:
1. Edit
2. Form Questions
3. Click 'Edit' next to the email question.
Nick Ladd
myContactForm.com |
|
| Back to top |
|
|
jock41
Joined: 28 Nov 2012
Posts: 3
|
| Posted: Thu Nov 29, 2012 7:24 am Post subject: |
|
|
| http://www.myfairviewchurch.org/contact.html |
|
| Back to top |
|
|
mycontac
Site Admin
Joined: 31 Dec 2003
Posts: 2860
|
| Posted: Fri Nov 30, 2012 6:55 am Post subject: |
|
|
| jock41 wrote: |
| http://www.myfairviewchurch.org/contact.html |
I pulled the code off your site and embedded it into a blank webpage and it worked fine. This led me to believe that there is some external CSS causing this issue. Turns out, this is correct. If you look at the external style sheet (styles.css) that your site uses, you'll see the following at line 208:
| Code: |
#email {
margin: 5px 20px 20px 40px;
} |
This is adding a 40 pixel margin to the left of the email text box whereas your CSS is adding a 10pixel margin to the left of the other fields. If you remove this from the CSS file, or change it to the following, it will correct the issue:
| Code: |
#email {
margin: 5px 20px 20px 10px;
} |
Nick Ladd
myContactForm.com |
|
| Back to top |
|
|
jock41
Joined: 28 Nov 2012
Posts: 3
|
| Posted: Fri Nov 30, 2012 7:35 am Post subject: Contact form |
|
|
| Thanks Nick! It works fine now. I appreciate the help. |
|
| Back to top |
|
|
|
Search Messages
Profile
Log in to check your private messages
Log in
