Sizing forms

[akubrin]

Hello, StudioPressers,
I'm working on a landing page with a form to capture contact info. The page is at http://speakbusinesscomm.com/copywriting-2/.
I would like to style the form in several ways, starting with the size of the input fields. They're too narrow. I'd like them to be as wide as the button, or to fill the entire panel.
I believe the CSS selector is:
.inbound-input {

}

But then what? I tried width: 100%; but it did not seem to help.
Can anyone steer me in the right direction?
Thanks so much for all your help.
Andy

http://speakbusinesscomm.com/copywriting-2/

[Christoph]

Hi Andy,

.inbound-field input[type="text"], .inbound-field input[type="url"], .inbound-field input[type="email"], .inbound-field input[type="tel"], .inbound-field input[type="number"], .inbound-field input[type="password"] {
	width: 93% !important;
}

You might have to adjust that in the media queries.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[akubrin]

Wow, thank you, Christoph.
Sorry for not getting back to you sooner, but I was sidetracked for a while.
But thank you. Your code did the trick.

[Author]

Posts