Button size and frames

  • Resolved elena189

    (@elena189)


    3 years, 1 month ago

    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 to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Predrag – WPMU DEV Support

    (@wpmudev-support1)

    Hi @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

    (@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?

    – 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

    (@elena189)

    * What CSS code should I use to move the button to the left side?

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @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

    Best Regards
    Patrick Freitas

    Thread Starter elena189

    (@elena189)

    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.

Tags