Border colour in the WPCF7 Contact Form (SKT Pro)

[Maria]

How do you change the colour of the outside border and field borders in Contact Form 7, both on the page and in the widget?

[Sonnal S Sinha]

Hi Maria,

Kindly show us your website URL so that we can assist further.

Regards,
Dave

[Maria]

Hi Dave, thanks for replying. Here is the link:
http://balancemybusiness.com.au

[Sonnal S Sinha]

Hi Maria,

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

Add this code there:

#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 { border:1px solid #ccc;}

Regards,
Dave

[Maria]

Thanks Dave. I tried what you suggested but it’s only made a difference to the message text box border. I would like the field names and corresponding box borders to be darker.
See http://balancemybusiness.com.au/contact-us/

Regards,
Maria

[Sonnal S Sinha]

Hi Maria,

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

Add this code there:

.contact_left input, .contact_left textarea { border:1px solid #ccc !important;}

Regards,
Dave

[Author]

Posts