Border colour in the WPCF7 Contact Form (SKT Pro)

Home Forums All Other Themes Border colour in the WPCF7 Contact Form (SKT Pro)

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #61415
    Maria
    Member
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: February 2, 2017

    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?

    #61425
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23476
    • Total: 23476
    Member since: August 16, 2013

    Hi Maria,

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

    Regards,
    Dave

    #61449
    Maria
    Member
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: February 2, 2017

    Hi Dave, thanks for replying. Here is the link:

    Welcome

    #61454
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23476
    • Total: 23476
    Member since: August 16, 2013

    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

    #61775
    Maria
    Member
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: February 2, 2017

    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

    #61790
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23476
    • Total: 23476
    Member since: August 16, 2013

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.