Title: Button size and frames
Last modified: September 29, 2021

---

# Button size and frames

 *  Resolved [elena189](https://wordpress.org/support/users/elena189/)
 * (@elena189)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/button-size-and-frames-2/)
 * Hello,
 * could you write CSS codes where submit button is located on the center (1) and
   on the left side (2)? I tried to input below codes but there were no changes 
   after cleaning the cash.
 *     ```
       /** Center **/
       .forminator-ui.forminator-custom-form-1013.forminator-design--material .forminator-button-submit{
           margin: 0 auto !important;
       }
   
       /** Left **/
       .forminator-ui.forminator-custom-form-1013.forminator-design--material .forminator-button-submit{
           margin: unset !important;
           margin-left: auto !important;
       }
       ```
   
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbutton-size-and-frames-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Predrag – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support1/)
 * (@wpmudev-support1)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/button-size-and-frames-2/#post-14919732)
 * Hi [@elena189](https://wordpress.org/support/users/elena189/),
 * Can you give us some more info on where exactly are you adding this CSS code 
   and if there’s some other existing custom code in there already?
 * It seems that you have this CSS code added somewhere and that is overwriting 
   the new one you’re trying to use:
 *     ```
       .forminator-ui.forminator-custom-form-1013.forminator-design--material .forminator-button-submit {
           margin: 0 auto !important;
           width: 250px !important;
           display: block !important;
       }
       ```
   
 * Cheers,
    Predrag
 *  Thread Starter [elena189](https://wordpress.org/support/users/elena189/)
 * (@elena189)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/button-size-and-frames-2/#post-14922526)
 * Can you give us some more info on where exactly are you adding this CSS code 
   and if there’s some other existing custom code in there already?
 * – Where: Forminator – Appearance – Custom CSS
    There’s some other existing custom
   code in there already:
 * .forminator-button.forminator-button-submit.btn-custom{
    background: transparent!
   important; border: solid 3px #b39573 !important; color: #b39573 !important; }
 * .forminator-button.forminator-button-submit.btn-custom:active,
    .forminator-button.
   forminator-button-submit.btn-custom:hover{ border-color: #43403e !important; }
 * .forminator-button-submit {
    margin:0 auto; width:250px; display:block; }
 * What CSS code should I use to move the button to the left size?
 *  Thread Starter [elena189](https://wordpress.org/support/users/elena189/)
 * (@elena189)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/button-size-and-frames-2/#post-14922528)
 * * What CSS code should I use to move the button to the left side?
 *  Plugin Support [Patrick – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport12/)
 * (@wpmudevsupport12)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/button-size-and-frames-2/#post-14924789)
 * Hi [@elena189](https://wordpress.org/support/users/elena189/)
 * > Can you give us some more info on where exactly are you adding this CSS code
   > and if there’s some other existing custom code in there already?
 * We don’t add a custom CSS to members, only provide the information and the finds
   from the browser console but you can add either WordPress > Appearance > Customise
   > Additional CSS or Form > Appearance Custom CSS.
 * Can you let us know where you are adding the CSS? I tested using my browser and
   it worked:
 *     ```
       /** Center **/
       .forminator-ui.forminator-custom-form-1013.forminator-design--material .forminator-button-submit{
           margin: 0 auto !important;
       }
   
       /** right **/
       .forminator-ui.forminator-custom-form-1013.forminator-design--material .forminator-button-submit{
           margin: unset !important;
           margin-left: auto !important;
       }
   
       /** left **/
       .forminator-ui.forminator-custom-form-1013.forminator-design--material .forminator-button-submit{
           margin: unset !important;
           margin-right: auto !important;
       }
       ```
   
 * The above one is a three-position option, you need to use only one depending 
   on the location you are looking to add the button, for example if you are looking
   to push it to left only this is necessary:
 *     ```
       /** left **/
       .forminator-ui.forminator-custom-form-1013.forminator-design--material .forminator-button-submit{
           margin: unset !important;
           margin-right: auto !important;
       }
       ```
   
 * [https://monosnap.com/file/J1FLmY3mkPuwNLp3TW6vO3zyyOnBXo](https://monosnap.com/file/J1FLmY3mkPuwNLp3TW6vO3zyyOnBXo)
 * Best Regards
    Patrick Freitas
 *  Thread Starter [elena189](https://wordpress.org/support/users/elena189/)
 * (@elena189)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/button-size-and-frames-2/#post-14926762)
 * Dear Patrick,
 * I tried to check again, the left side code is working. Thank you!

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

The topic ‘Button size and frames’ is closed to new replies.

 * ![](https://ps.w.org/forminator/assets/icon-256x256.gif?rev=3443182)
 * [Forminator Forms – Contact Form, Payment Form & Custom Form Builder](https://wordpress.org/plugins/forminator/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/forminator/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/forminator/)
 * [Active Topics](https://wordpress.org/support/plugin/forminator/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/forminator/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/forminator/reviews/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)

 * 5 replies
 * 3 participants
 * Last reply from: [elena189](https://wordpress.org/support/users/elena189/)
 * Last activity: [4 years, 8 months ago](https://wordpress.org/support/topic/button-size-and-frames-2/#post-14926762)
 * Status: resolved