Send button style

  • Resolved claudiaeffe

    (@claudiaeffe)


    7 years, 2 months ago

    Dearest,
    I’ve just installed your HAppyForms plug in and I’m really happy that it works perfectly. I would like to change the font of the send button it doesn’t inherit from my website.
    Is there a way I can do it? The font I’m using is Oswald sans-serif.
    Thanks for letting me know
    Claudia

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • thethemefoundry

    (@thethemefoundry)

    7 years, 2 months ago

    Hey there, Claudia 👋

    By default, HappyForms submit button is set to inherit button styles from theme. If you’d like, you can force font family easily with this CSS snippet pasted to Additional CSS section in Customizer.

    .happyforms-styles input[type=submit].happyforms-button--submit, .happyforms-styles input[type=submit][disabled].happyforms-button--submit {
  font-family: 'Oswald', sans-serif !important;
}

    Hope this helps! 😀

    Thread Starter claudiaeffe

    (@claudiaeffe)

    7 years, 2 months ago

    Unfortunately, it doesn’t work 🙁
    In the meantime may I ask you someting else?
    Is there a way to change the color of the feedback message (Thanks, you’re message has been send). My background is black and if the message is black (as it is at the moment) it is invisible.
    Thanks again
    Claudia

    thethemefoundry

    (@thethemefoundry)

    7 years, 2 months ago

    Sorry to hear that didn’t work for you, @claudiaeffe!

    Are you running latest version of HappyForms? Would you mind trying this code instead and see if it works?

    input[type=submit].happyforms-button--submit, input[type=submit][disabled].happyforms-button--submit {
  font-family: 'Oswald', sans-serif !important;
}

    Changing color of feedback message is totally possible too! Try popping in the following snippet to Additional CSS.

    .happyforms-message-notices h2 {
  color: #fff !important;
}

    That should change color to white. Let us know how you go! 🙂

    Thread Starter claudiaeffe

    (@claudiaeffe)

    7 years, 2 months ago

    You are fantastic!
    It works perfectly now and I really thank you so much for the quick and effective support!

    You deserve 5 stars 🙂

    thethemefoundry

    (@thethemefoundry)

    7 years, 2 months ago

    Thank you so much, @claudiaeffe! We’re blushing.

    Be sure to let us know if you ever have any more questions. 🙂

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

The topic ‘Send button style’ is closed to new replies.