Theme Healing Touch

[Nigel]

ref: https://arthurbryantltd.co.uk/contact/

Hi

couple of issues with the contact form 7 form layout…

1. on desktop view, the fields are not aligning left
2. is it possible to change the text and cell line colour?

thanks

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.wpcf7 form label { width: 100%; float: left; color:#5c5c5c;}
.wpcf7 form input[type="text"] { width:85.5%; margin:10px 8px 15px 0; border:1px solid #ccc;}

Regards,
Chris

[Nigel]

thanks, the field boxes and text colour fixed but not the field box colour? I’m changing the code

border:1px solid #ccc;

is that correct?

[Sonl Sinha]

Hi,

Kindly use this

.wpcf7 form input[type="text"] { border:1px solid #ccc !important;}

Regards,
Chris

[Nigel]

thanks but still not working

https://arthurbryantltd.co.uk/contact/

this is the code added to the custom css area:

.wpcf7-form > p {float: left; width: 100%;}
#contactform_main input[type=”text”], #contactform_main input[type=”email”], #contactform_main input[type=”tel”], #contactform_main input[type=”url”], #contactform_main textarea, .wpcf7 form input[type=”text”], .wpcf7 form input[type=”email”], .wpcf7 form input[type=”tel”], .wpcf7 form textarea { width:85.60%;}

.wpcf7 form label { width: 100%; float: left; color:#5c5c5c;}
.wpcf7 form input[type="text"] { width:85.5%; margin:10px 8px 15px 0; border:11px solid #000000;}

.wpcf7 form input[type=”text”] { border:5px solid #000000 !important;}

[Sonl Sinha]

Hi,

Are you using cache on your website? if yes than please clear the cache

Regards,
Chris

[Nigel]

cleared cache, tried another device that’s not been on that site, viewed local wifi and 4G, still getting the same results

[Sonl Sinha]

Hi,

Strange, kindly send us your URL of the site and WordPress admin details (Username & Password) via email: [email protected]

Regards,
Chris

[Nigel]

sent

[Sonl Sinha]

Okay, we’ll check and revert back to you

Regards,
Chris

[Sonl Sinha]

Hi,

Resolved

Regards,
Chris

[Nigel]

brilliant, thanks

where can I edit the line weight/colour for the form field boxes? the CSS code has disappeared?

[Sonl Sinha]

Hi,

If you want to edit, kindly go to Appearance >> Theme Editor >> style.css and scroll down to bottom of the page and edit there.

Regards,
Chris

[Author]

Posts