Submit button

  • Resolved user2015

    (@user2015)


    6 years, 1 month ago

    Hi,
    I′m trying to change the size of the submit button with this CSS code:

    input[type=submit].happyforms-button–submit {
    padding: 10px 25px;
    }

    But it doesn′t work.

    I′m also trying the change the opacity of the fields background and I can′t.
    I′ve tried on chrome debugger and the changes can be seen there but not when I make them in my website.

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

  • Hey there, @user2015 ??

    Would you mind adding your form id to the beginning of CSS selector to strengthen it? That should do the trick.

    #happyforms-1200 input[type=submit].happyforms-button–submit {
  padding: 10px 25px;
}

    You can grab the id from .happyforms-form wrapper div’s id attribute.

    Let us know how you go! ??

    Thread Starter user2015

    (@user2015)

    Hi, it doesn′t work !

    Hi user2015,
    It didn’t work for me either but this did

    .happyforms-button–submit{
    padding: 8px 15px !important;
    }

    Just change the px width and height to suit yours

    Hey @user2015 and @jennyanderson!

    I’d suggest to use @jennyanderson’s snippet. Using !important lets you omit the form ID (and works for every form, everwhere).

    @user2015, let us know if that does the trick!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Submit button’ is closed to new replies.