Contact form button colour

  • clairegosse

    (@clairegosse)


    7 years, 11 months ago

    I am trying to change the color of the send button on the contact page to match the menu bar color. I am using the Contact Form 7 plugin for the contact page.

    I’d also like to be able to change the color of the post comment buttons.

    Any help would be greatly appreciated.
    Claire

    • This topic was modified 7 years, 11 months ago by clairegosse.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • lizkarkoski

    (@lizkarkoski)

    7 years, 10 months ago

    Hi Claire –

    Thanks for getting in touch. Let’s see what I can find out… Be back soon.

    lizkarkoski

    (@lizkarkoski)

    7 years, 10 months ago

    The button can be changed easy enough with some CSS.

    Here’s what you need to add:

    button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span {background-color: #AC58A0;}

    Adding this directly to the theme files is fine, but when doing that it will get wiped out when an update happens. My suggestion would be to use Jetpack with the CSS module which will override that process and keep things as you want them.

    https://jetpack.com/support/custom-css/

    Thread Starter clairegosse

    (@clairegosse)

    7 years, 10 months ago

    Hi Liz,

    Thanks so much for the response. That worked for the buttons 🙂
    Do you know how to change all the other links so it’s the same color?

    Claire

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Contact form button colour’ is closed to new replies.