Submit button

  • Resolved user2015

    (@user2015)


    7 years, 7 months 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)
  • thethemefoundry

    (@thethemefoundry)

    7 years, 7 months ago

    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)

    7 years, 7 months ago

    Hi, it doesn´t work !

    jennyanderson

    (@jennyanderson)

    7 years, 7 months ago

    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

    thethemefoundry

    (@thethemefoundry)

    7 years, 7 months ago

    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.