Contact form – Modify button "Send e-mail"

  • Resolved jim89

    (@jim89)


    11 years, 8 months ago

    Hi everybody!
    I would like to change the color of the button “Send e-mail” in the contact form page (Virtue Theme). Do you know how to change it?
    Thank you very much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • hannah

    (@hannahritner)

    11 years, 8 months ago

    Hey, This pulls from your primary color which can be set in theme options > basic styling. Or you can use this css to target only that:

    input[type=submit] {
background: #333;
}

    Just paste it into your css box in theme options > advanced settings.
    Hannah

    Thread Starter jim89

    (@jim89)

    11 years, 8 months ago

    Thank you very much for your reply hannah, that’s perfect!
    Do you know how to change the backgroud color of the button when you mouse over it?
    Thanks!

    hannah

    (@hannahritner)

    11 years, 8 months ago

    That’s your 20% lighter than primary color.
    Or you can try this:

    .wpcf7 input.wpcf7-submit:hover {
background: #000;
}

    Hannah

    Thread Starter jim89

    (@jim89)

    11 years, 8 months ago

    I set the color in theme option and it works great!
    Thanks!!!

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

The topic ‘Contact form – Modify button "Send e-mail"’ is closed to new replies.