[Resolved] Change Color of Word Press Button

Home Forums Support Change Color of Word Press Button

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1314767
    Asiya

    Do you know the code I would need to add to my Additional CSS to change the color of the button for my word press standard contact form here? https://byasiya.com/contact/

    #1314772
    Asiya

    Thanks I figured it out

    #1314775
    Leo
    Staff
    Customer Support
    #1314782
    Asiya

    I actually didn’t!

    This is the code:

    div.wpforms-container-full .wpforms-form input[type=submit],
    div.wpforms-container-full .wpforms-form button[type=submit] {
    background-color: #eee; /* Grey background */
    border: 1px solid #ddd; /* Dark grey border */
    color: #333; /* Black text color */
    font-size: 1em; /* Size of text */
    padding: 10px 15px; /* Distance between text and border */
    }

    I found this online here: https://wpforms.com/docs/how-to-customize-the-submit-button/
    I added it just as they said but its not changing the button?

    #1314795
    Leo
    Staff
    Customer Support

    This should be answered by the plugin support but this should work:

    div.wpforms-container-full .wpforms-form button[type=submit] {
        background-color: #000 !important;
        color: #fff !important;
    }
    #1314818
    Asiya

    Thanks so i added the original code I pasted but higher up in the additional CSS doc and it worked. When I placed it at the end of the doc it did not work? No idea why but thats how I resolved it.

    #1314819
    Leo
    Staff
    Customer Support

    Sounds like you might have a syntax error in the CSS somewhere that stops the code below the error from executing.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.