Skip to content
Public Ticket #11791

Contact form color

Conversation thread

PenciDesign replied

Staff Reply

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

nagrasun replied

Customer Reply

One last thing,

how do I change the color of the green box for the reply box after sending the message form?

nagrasun replied

Customer Reply

All good thanks a lot!!

PenciDesign replied

Staff Reply

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

Customer Reply

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?

PenciDesign replied

Staff Reply

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

nagrasun started the conversation

Conversation Start

Hello, I need to change the font size, color and color of the button of the contact form. Cant seem to find how...

Want to join this conversation or access attachments? Sign in first.