Is there a way to make the register my account button prettier?

Hello!

When you are filling out the form to register your account, you add name, address, etc and then click 'register my account' but it is a little button and is grey. I'm afraid my users won't be able to see it very well. Is there a way to make that button prettier?

  • Sajid
    • DEV MAN’s Sidekick

    Hi @Laurie,

    Hope you are doing good today :slight_smile:

    Try adding following code in style.css file of your child theme or use Simple Custom CSS plugin. It will make the buttons like login button you have on your site.

    .ms-membership-form-wrapper .ms-signup-button {
        background: #fa0542!important;
        border: 1px solid #fa0542!important;
        color: #ffffff;
        border: none;
        padding: 9px 30px;
        border-radius: 3px;
        height: 40px;
        font-size: 14px;
        font-weight: 700;
    }
    .ms-membership-form-wrapper .ms-signup-button:hover {
     background: transparent !important;
    color: #000;
    }

    Take care and have a nice day :slight_smile:

    Kind Regards,
    Sajid J

  • Nastia
    • Support Rock Star

    Hello @Laurie, I trust you are well today!

    Please replace the:
    .ms-membership-form-wrapper .ms-signup-button

    With the following code:
    .wpmui-field-input.button.wpmui-submit.button-primary

    So the full code will be like this:

    .wpmui-field-input.button.wpmui-submit.button-primary {
        background: #fa0542!important;
        border: 1px solid #fa0542!important;
        color: #ffffff;
        border: none;
        padding: 9px 30px;
        border-radius: 3px;
        height: 40px;
        font-size: 14px;
        font-weight: 700;
    }
    .wpmui-field-input.button.wpmui-submit.button-primary:hover {
     background: transparent !important;
    color: #000;
    }

    I hope this helps!

    Cheers,
    Nastia

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.