Theme Healing Touch

Home Forums All Other Themes Theme Healing Touch

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #121684
    NigelNigel
    Participant
    • Topics: 176
    • Replies: 322
    • Total: 498
    Member since: March 17, 2016

    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

    #121722
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31021
    • Total: 31021
    Member since: August 16, 2013

    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

    #121768
    NigelNigel
    Participant
    • Topics: 176
    • Replies: 322
    • Total: 498
    Member since: March 17, 2016

    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?

    #121800
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31021
    • Total: 31021
    Member since: August 16, 2013

    Hi,

    Kindly use this

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

    Regards,
    Chris

    #121836
    NigelNigel
    Participant
    • Topics: 176
    • Replies: 322
    • Total: 498
    Member since: March 17, 2016

    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;}

    #121841
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31021
    • Total: 31021
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

    #121862
    NigelNigel
    Participant
    • Topics: 176
    • Replies: 322
    • Total: 498
    Member since: March 17, 2016

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

    #121863
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31021
    • Total: 31021
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

    #121865
    NigelNigel
    Participant
    • Topics: 176
    • Replies: 322
    • Total: 498
    Member since: March 17, 2016

    sent

    #121866
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31021
    • Total: 31021
    Member since: August 16, 2013

    Okay, we’ll check and revert back to you

    Regards,
    Chris

    #121868
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31021
    • Total: 31021
    Member since: August 16, 2013

    Hi,

    Resolved

    Regards,
    Chris

    #121873
    NigelNigel
    Participant
    • Topics: 176
    • Replies: 322
    • Total: 498
    Member since: March 17, 2016

    brilliant, thanks

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

    #121916
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31021
    • Total: 31021
    Member since: August 16, 2013

    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

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