change the buttons colors in membership 2

hi, i want to change le color of the buttons and fields inthe membership 2, how do I do this

  • Sajid

    Hi @jaime,

    Hope you are doing good today and welcome to WPMUDEV :slight_smile:

    Please post the color codes or color names here and also post the link of your membership page. I will try to give you a CSS code to add in style.css file or using a plugin like Simple Custom CSS plugin to add custom CSS without editing the files.

    Hope that helps! If you still need assistance, please don't hesitate to ask.

    Take care and have a nice day :slight_smile:

    Kind Regards,
    Sajid J

  • JTDestiny

    Hello. Thanks for the reply
    Before you reply me I´ve look at other post and make my "frankenstein", haven´t teste it, but want to know if that will work. here it is:

    * For signup button this CSS code should make the trick:*/

    .ms-signup-button {
    font-family: Arial;
    color: #ffffff;
    font-size: 17px;
    background: #25438c;
    padding: 10px 20px 10px 20px!important;
    text-decoration: none;
    }
    .ms-signup-button:hover {
    font-family: Arial;
    background: #25438c;
    font-size: 17px!important;
    background: #FFFFFF!important;
    padding: 10px 20px 10px 20px!important;
    border: solid #25438c 2px;
    text-decoration: none;
    }

    /*You may want to adjust colors and other parameters a bit, of course.

    For signup form, this should work just fine:*/

    .ms-membership-form-wrapper {
    width:50%;
    margin:0 auto;
    }
    /*For fields with hoover this CSS code should make the trick:*/

    .ms-form-element .wpmui-field-input, button,
    button#submit {
    font-family: Arial;
    color: #000000; /*color del tipo de letra*/
    font-size: 17px;
    background: #ffffff; /*color del recuadro del boton*/
    padding: 0; /*tamaño del recuadro. originalmente era padding: 10px 20px 10px 20px!important;*/
    text-decoration: none;

    }
    .ms-form-element .wpmui-field-input:hover, button,
    button#submit {
    font-family: Arial;
    background: #25438c; /*color del tipo de letra*/
    font-size: 17px!important;
    background: #faff00!important; /*color del hoover*/
    padding: 0!important; /*tamaño del recuadro. originalmente era padding: 10px 20px 10px 20px!important;*/
    border: solid #25438c 2px; /*borde del recuadro del boton*/
    text-decoration: none;
    }

    PLEASE ADVISE IS THERE IS ANYTHING MORE I NEED TO PUT OR TO TAKE OUT. hopefully this will help other people also.

    Regards and thanks for the great service!

  • Nastia

    Hello Jaime, I hope you are well today!

    To advise you, we need to have a look at your site's CSS code. Every theme is different, and requires a different CSS code.

    If you not comfortable to post here the link of your membership page, you may send from our secure contact form https://premium.wpmudev.org/contact/

    Subject: “Attn: Anastasia”

    - link of your membership page
    -link back to this thread for reference
    -any other relevant urls

    Select “I have a different question” for your topic - this and the subject line ensure that it gets assigned to me
    https://premium.wpmudev.org/contact/

    Please do not forget to post here color codes or color names.

    Kind Regards,
    Nastia

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.