Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2345227
Contact form color
Closed

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,699
    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

  • 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,699
    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,699
    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