Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #3399556
Contact Form 7 button
Closed

Comments

  • PQSDurham412 started the conversation

    In the templates that use Contact Form 7, how do you change the color of the "gem button"?  Is that CSS? and if so, where do I access it to change the color and hover color?

    Attached files:  contactform7screenshot.jpg

  •  7,121
    Oliver replied

    Hi,

    Please provide link to the page with the form  

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   PQSDurham412 replied privately
  •  7,121
    Oliver replied

    HI!

    CSS example:

    .gem-contact-form-white .gem-button-position-fullwidth input[type='submit'] {
        background-color: #000 !important;
        color: #ccc !important;
    }
    .gem-contact-form-white .gem-button-position-fullwidth input[type='submit']:hover {
        background-color: #eee!important;
        color: #ddd!important;
    }

     

    3938581396.jpg

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • PQSDurham412 replied

    Thank you! that totally worked.

  •  7,121
    Oliver replied

    Welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver