Wider Contact form and social icons Footer

sonya84 · Member · Jul 14, 2014 at 8:55 pm
Copy link

Add topic to favorites
Hi,

I am trying to make my contact form wider in the footer, and my social icons in the footer are positioned vertically and I would like to have them in horizontal arrangement.

Hope I can find some help here :)

Thank you in advice!

Contact Form:
[contact-form][contact-field label='Name' type='name' required='1'/][contact-field label='Email' type='email' required='1'/][contact-field label='Wedding Date ' type='text'/][contact-field label='Comment' type='textarea' required='1'/][/contact-form]

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jul 15, 2014 at 6:57 pm
Copy link
Hi there, the first thing I did below was to increase the individual widget widths from 31% to 45% and then I set the inputs for the contact form to 355px with a max-width of 90% which should make it work well with phones and small devices, but still give a wider area on larger screens. Give this a try and see what you think.
```
.footer-box {
    width: 45%;
}
.textwidget input[type="text"], .textwidget input[type="email"], .textwidget textarea {
    max-width: 90%;
    width: 350px;
}
```
sonya84 · Member · Jul 16, 2014 at 7:54 pm
Copy link
Thank you very much!
thesacredpath · Member · Jul 16, 2014 at 10:13 pm
Copy link
You are welcome.

No items found.