Modify Contact Form 7

Home Forums Perfect Forum Modify Contact Form 7

This topic contains 7 replies, has 2 voices, and was last updated by  Forum Moderator 12 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #96791

    marcie
    Member
    • Topics: 5
    • Replies: 5
    • Total: 10
    Member since: March 2, 2018

    Hello,

    I’d like to change the dimensions and button color of the contact form on my homepage. Where can I make these changes?

    Link to website contact us page: https://02c2660.netsolhost.com/beta4ncsi/contact/

    #96958

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 19857
    • Total: 19857
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .nf-field-container { margin-bottom:8px !important;}
    .nf-field-element textarea { height:140px !important;}
    .field-wrap input[type="button"] {width: auto; background: #831725; border: none; color: #fff; padding: 10px 20px; cursor: pointer;}

    Regards,
    Brad

    #97042

    marcie
    Member
    • Topics: 5
    • Replies: 5
    • Total: 10
    Member since: March 2, 2018

    That worked. Thank you!!

    #97140

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 19857
    • Total: 19857
    Member since: August 16, 2013

    Hi marcie,

    If you found our service good kindly review us here: https://www.sktthemes.net/forums/topic/reviews-and-testimonials/page/16/

    Regards,
    Brad

    #97203

    marcie
    Member
    • Topics: 5
    • Replies: 5
    • Total: 10
    Member since: March 2, 2018

    Hi Brad,

    Is it possible to change the border color and border size of the text entry fields on the contact form?

    Thanks!
    Marcie

    #97225

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 19857
    • Total: 19857
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap > div input, .field-wrap select, .field-wrap textarea { border: #ccc solid 1px !important;}
    .field-wrap input[type="button"] { padding:10px 20px;}

    Regards,
    Brad

    #97317

    marcie
    Member
    • Topics: 5
    • Replies: 5
    • Total: 10
    Member since: March 2, 2018

    Hi Brad,

    The border size and color changes in the preview tool, but disappears when I hit “publish”. Do you know what might be the cause of this?

    Thanks!
    Marcie

    #97347

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 19857
    • Total: 19857
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

    Regards,
    Brad

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.