Contact form 7 width / styling issues

Hi,

At the bottom of these pages:
– https://booston.io/nl/
– https://booston.io/

Contact form 7 is active. I tried using the extra CSS to get the whole form edited full width:

/* Contact form 7 */

div.wpcf7{
	width:100% !important;
}

div.wpcf7{
	background:#ccc !important;
	width:100% !important;
}

div.wpcf7 input{
	width: 100% !important;
}

div.wpcf7-textarea{
	width: 100% !important;
}

However, nothing seems to work. I can change values to 50% which makes the inputs even smaller, but unclear to me I cant have the form fields take the witdth 100% like the send button does do correctly..what to change?

Edit, by changing the form makeup with ‘placeholder’ labels:

[text* your-name placeholder "Your name (required)"]

[email* your-email placeholder "Your email (required)"]

[text your-tel placeholder "Phone"]

[textarea your-message placeholder "Your message"]

[submit "Send"]

I kinda fixed it. However, nothing is aligned right. So still could use some help with that because clearly I’m, not understanding / using the right method here.

• This topic was modified 5 years, 9 months ago by Joppie.

The page I need help with: [log in to see the link]