[justin smith]

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!!!

[Pie Register]

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

[justin smith]

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!!

[Pie Register]

Here’s the code for Labels:

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

Thanks

[Asad Ullah Saffa]

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;
}

[Pie Register]

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

[Author]

Posts