Title: Border width
Last modified: August 22, 2020

---

# Border width

 *  Resolved [happyuser99](https://wordpress.org/support/users/happyuser99/)
 * (@happyuser99)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/border-width-2/)
 * Hello,
 * Is it possible to change the border width of the Send button. I tried this…
 *     ```
       .happyforms-styles input[type=submit].happyforms-button--submit {
           border-width: 2px !important;
       }
       ```
   
 * … but with no success.
 * Thanks!

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

 *  [thethemefoundry](https://wordpress.org/support/users/thethemefoundry/)
 * (@thethemefoundry)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/border-width-2/#post-13301644)
 * Hey there, [@happyuser99](https://wordpress.org/support/users/happyuser99/)! 
   Happy to help!
 * Please try this code instead…
 *     ```
       .happyforms-styles input[type=submit].happyforms-button--submit, 
       .happyforms-styles input[type=submit][disabled].happyforms-button--submit, 
       .happyforms-styles button.submit.happyforms-button--submit, 
       .happyforms-styles button[disabled].submit.happyforms-button--submit {
         border: 10px solid #ff0000 !important;
       }
       ```
   
 * That should do the trick. You can swap out **#ff0000** for any [hex color](https://htmlcolorcodes.com/color-picker/)
   you prefer 🙂
 *  Thread Starter [happyuser99](https://wordpress.org/support/users/happyuser99/)
 * (@happyuser99)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/border-width-2/#post-13303251)
 * Hi there,
 * Thank you for your response! This unfortunately did not work. I noticed that 
   in your default CSS there is already this line:
 * `border: 1px solid transparent !important;`
 * Could it be that the `!important` there cannot be overwritten?
 * Thanks! 🙂
 *  [thethemefoundry](https://wordpress.org/support/users/thethemefoundry/)
 * (@thethemefoundry)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/border-width-2/#post-13308374)
 * Bummer! Would you please try this snippet instead, [@happyuser99](https://wordpress.org/support/users/happyuser99/)?
 * I have a hunch the code I shared previously was a bit too specific.
 *     ```
       input[type=submit].happyforms-button--submit, 
       input[type=submit][disabled].happyforms-button--submit, 
       button.submit.happyforms-button--submit, 
       button[disabled].submit.happyforms-button--submit {
         border: 10px solid #ff0000 !important;
       }
       ```
   
 * I hope this helps!
 *  Thread Starter [happyuser99](https://wordpress.org/support/users/happyuser99/)
 * (@happyuser99)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/border-width-2/#post-13308944)
 * Hi! Thank you very much! Unfortunately, this also does not change the border 
   width. :/
 *  [thethemefoundry](https://wordpress.org/support/users/thethemefoundry/)
 * (@thethemefoundry)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/border-width-2/#post-13326255)
 * Gosh! This is getting embarrassing 😊 Sorry, [@happyuser99](https://wordpress.org/support/users/happyuser99/).
 * Out of interest, where are you adding these codes snippets? The snippets we’re
   sharing should work, so I have a hunch something else on your site is overriding
   it.
 * Also, can you please share a link to the page you’re working on?
 * Thanks!
 *  Thread Starter [happyuser99](https://wordpress.org/support/users/happyuser99/)
 * (@happyuser99)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/border-width-2/#post-13327020)
 * No worries, [@thethemefoundry](https://wordpress.org/support/users/thethemefoundry/).
   😉
 * I use [this plugin](https://wordpress.org/plugins/simple-css/) to add the code.
   [Here](https://www.temporary-url.com/14D15) a link to the form (please click 
   on Continue first). As you can see, I already used some CSS to style the button.
   Everything worked except the border width.
 * Thank you! 🙂
    -  This reply was modified 5 years, 7 months ago by [happyuser99](https://wordpress.org/support/users/happyuser99/).
 *  [thethemefoundry](https://wordpress.org/support/users/thethemefoundry/)
 * (@thethemefoundry)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/border-width-2/#post-13339652)
 * Got it, [@happyuser99](https://wordpress.org/support/users/happyuser99/)!
 * For this customization to work, make sure to pop the above snippet in your form**
   Style** step, **Additional CSS** section. That way, your custom CSS will be prefixed
   with your form ID, and override HappyForms default styles.
 * Let us know how that goes!
 *  Thread Starter [happyuser99](https://wordpress.org/support/users/happyuser99/)
 * (@happyuser99)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/border-width-2/#post-13343643)
 * Thank you [@thethemefoundry](https://wordpress.org/support/users/thethemefoundry/),
   this did the trick! I try to keep my custom CSS in one place and never came to
   the idea to use the Additional CSS section of the plugin. *facepalm*
 * Awesome! Thanks again!

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

The topic ‘Border width’ 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/)

 * 8 replies
 * 2 participants
 * Last reply from: [happyuser99](https://wordpress.org/support/users/happyuser99/)
 * Last activity: [5 years, 7 months ago](https://wordpress.org/support/topic/border-width-2/#post-13343643)
 * Status: resolved