Title: Submit button
Last modified: September 30, 2018

---

# Submit button

 *  Resolved [user2015](https://wordpress.org/support/users/user2015/)
 * (@user2015)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/submit-button-58/)
 * 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](https://wordpress.org/support/users/thethemefoundry/)
 * (@thethemefoundry)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/submit-button-58/#post-10741730)
 * Hey there, [@user2015](https://wordpress.org/support/users/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](https://wordpress.org/support/users/user2015/)
 * (@user2015)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/submit-button-58/#post-10758415)
 * Hi, it doesn´t work !
 *  [jennyanderson](https://wordpress.org/support/users/jennyanderson/)
 * (@jennyanderson)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/submit-button-58/#post-10779640)
 * 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](https://wordpress.org/support/users/thethemefoundry/)
 * (@thethemefoundry)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/submit-button-58/#post-10784007)
 * Hey [@user2015](https://wordpress.org/support/users/user2015/) and [@jennyanderson](https://wordpress.org/support/users/jennyanderson/)!
 * I’d suggest to use [@jennyanderson](https://wordpress.org/support/users/jennyanderson/)’
   s snippet. Using `!important` lets you omit the form ID (and works for every 
   form, everwhere).
 * [@user2015](https://wordpress.org/support/users/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.

 * ![](https://ps.w.org/happyforms/assets/icon-256x256.png?rev=2778164)
 * [Happyforms - Form Builder for WordPress: Drag & Drop Contact Forms, Surveys, Payments & Multipurpose Forms](https://wordpress.org/plugins/happyforms/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/happyforms/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/happyforms/)
 * [Active Topics](https://wordpress.org/support/plugin/happyforms/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/happyforms/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/happyforms/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [thethemefoundry](https://wordpress.org/support/users/thethemefoundry/)
 * Last activity: [7 years, 7 months ago](https://wordpress.org/support/topic/submit-button-58/#post-10784007)
 * Status: resolved