"Contact form color" (#2345227) / PenciDesign

Comments

nagrasun started the conversation
March 31, 2020 at 11:33pm
Hello, I need to change the font size, color and color of the button of the contact form. Cant seem to find how...

2,701

PenciDesign replied

April 1, 2020 at 1:58am

Hi,

Please try add more this code to Customize > Custom CSS to do that:

div.wpforms-container .wpforms-form.wpforms-form button[type=submit]{ font-size: 16px; color: #ffffff; background: #ab47bc; }
div.wpforms-container .wpforms-form.wpforms-form input[type=text],
div.wpforms-container .wpforms-form.wpforms-form input[type=email],
div.wpforms-container .wpforms-form.wpforms-form textarea{ font-size: 14px; }

Best Regards,

PenciDesign

1 Like

nagrasun replied
April 1, 2020 at 2:44am
Thanks! I still need a code for the hover color of the button. Also how do I change the font size of the input field text like Name, phone, Message?

2,701

PenciDesign replied

April 1, 2020 at 9:21am

Hi,

Please try add more this code to Customize > Custom CSS to do that:

div.wpforms-container .wpforms-form.wpforms-form button[type=submit]:hover{ color: #ffffff; background: #ab47bc; }
div.wpforms-container .wpforms-form.wpforms-form .wpforms-field-label{ font-size: 14px; }

Best Regards,

PenciDesign

nagrasun replied
April 1, 2020 at 3:15pm
All good thanks a lot!!
nagrasun replied
April 1, 2020 at 3:53pm
One last thing,
how do I change the color of the green box for the reply box after sending the message form?

2,701

PenciDesign replied

April 1, 2020 at 4:44pm

Hi,

Please try add more this code to Customize > Custom CSS to change it:

.wpforms-confirmation-container-full, 
div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message){
    background: #ff0000;
    color: #ffffff;
    border-color: #ff0000;
}

Best Regards,

PenciDesign