Custom Colors and Button Colors

Home Forums Pie-Register 2.0 Support Custom Colors and Button Colors

Tagged: , ,

This topic contains 5 replies, has 4 voices, and was last updated by  Hasnain Abbas 2 years, 11 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #3545

    justin smith
    Participant

    I want to give this plugin a 5 star rating but the customization is very frustrating. I ‘ve tried the suggested codes and finally got the text on the button to change, using this

    .piereg_container .piereg_login_wrapper .submit input[type=”submit”], .pieregWrapper input[type=”submit”], .pieregWrapper .piereg_cancel_profile_edit_btn {
    color: #084;
    }

    And i tried using this code to change the labels and text inside text box

    .widget .piereg_login_container .piereg_login_wrapper label {
    color: #000 !important;
    }

    Ideally I would like a green button with white text for the submit button and the other text withing the form to be solid black.

    Can someone please help me!!!

    #3550

    PIE REGISTER
    Keymaster

    Hello,

    You can try with:

    .pieregWrapper #pie_register input[type="submit"], .piereg_container .submit input[type="submit"] {
        background-color: #029602;
        border: 1px solid #097809;
        color: #FFF;
        margin: 2px 10px;
        line-height: 24px;
        padding: 2px 36px;
        font-size: 18px;
    }

    Hope it helps!
    Thanks

    #3553

    justin smith
    Participant

    Thanks that worked great one more thing, what about the text labels for the fields and I have a text box, how do I change that to black text.

    Thanks again if I can get this issue fixed I will be giving a five rating and write a nice review about good support.

    Really appreciate it!!

    #3560

    PIE REGISTER
    Keymaster

    Here’s the code for Labels:

    .piereg_container label, .piereg_login_container .piereg_login_wrapper label {
    color: #000;
    }

    Thanks

    #3890

    Asad Ullah Saffa
    Participant

    Could you please tell me how to have hover and clicked buttons in the same area: I have added this code but still it is a none animated button:

    .pieregWrapper #pie_register input[type="submit"], .piereg_container .submit input[type="submit"] {
      font-family: arial;
      color: #FFFFFF !important;
      font-size: 14px;
      text-shadow: 1px 1px 0px #7CACDE;
      box-shadow: 1px 1px 1px #BEE2F9;
      padding: 10px 25px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      border: 2px solid #3866A3;
      background: #63B8EE;
      background: linear-gradient(top,  #63B8EE,  #468CCF);
      background: -ms-linear-gradient(top,  #63B8EE,  #468CCF);
      background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF));
      background: -moz-linear-gradient(top,  #63B8EE,  #468CCF);
    }
    .pieregWrapper #pie_register input[type="submit"], .piereg_container .submit input[type="submit"] {
      color: #14396A !important;
      background: #468CCF;
      background: linear-gradient(top,  #468CCF,  #63B8EE);
      background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
      background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
      background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
    }
    .piereg_container label, .piereg_login_container .piereg_login_wrapper label {
    color: #000;
    }
    #3894

    Hasnain Abbas
    Keymaster

    Hello,

    Well, you would need to use :hover in the style definition. Please take a look at:
    http://www.w3schools.com/cssref/sel_hover.asp

    Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.