Modify Contact Form 7

[marcie]

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/

[Sonnal S Sinha]

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

[marcie]

That worked. Thank you!!

[Sonnal S Sinha]

Hi marcie,

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

Regards,
Brad

[marcie]

Hi Brad,

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

Thanks!
Marcie

[Sonnal S Sinha]

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

[marcie]

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

[Sonnal S Sinha]

Hi,

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

Regards,
Brad

[Author]

Posts