BlueOwlCreative » Topic: Contact form phone field not going full width

Contact form phone field not going full width

arke1 — Tue, 05 Jan 2016 11:21:25 +0000

Hi there,

I have slight problem with the contact form.

The issue is the phone number field is not going full width to the column?

http://prntscr.com/9mbn9p

https://metamode.com.au/contact-us/

Any ideas?

Reply To: Contact form phone field not going full width

BlueOwl — Tue, 05 Jan 2016 17:21:48 +0000

Hi there,

Find this in your style.css:

.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="password"],
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap select {
	width: 100%;	
}

add the phone field like so:

.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="password"],
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap select {
	width: 100%;	
}

Reply To: Contact form phone field not going full width

arke1 — Wed, 06 Jan 2016 02:01:33 +0000

Can this be added to custom css or does it have to be hardcoded into the theme stylesheet?

Reply To: Contact form phone field not going full width

BlueOwl — Thu, 07 Jan 2016 11:07:12 +0000

Add it into the theme stylesheet, it will go into the next update too.

Reply To: Contact form phone field not going full width

arke1 — Fri, 08 Jan 2016 03:18:25 +0000

I’ve added in but it did not change.

http://prntscr.com/9nepks

Reply To: Contact form phone field not going full width

BlueOwl — Mon, 11 Jan 2016 12:23:33 +0000

I can surely see the update, maybe clear your Cache?

Reply To: Contact form phone field not going full width

arke1 — Mon, 11 Jan 2016 12:30:39 +0000

Yep, was caching issue.

Cheers!