I have a membership plugin which makes a custom login page. I want to change the hover style for the submit button. I tried to inspect the element to know which style i should change but i can't find the style. Here is a link to the login page login. please check the login button

closed as off-topic by Michael, Dave Romsey, fuxia Mar 9 '17 at 18:51

This question appears to be off-topic. The users who voted to close gave this specific reason:

If this question can be reworded to fit the rules in the help center, please edit the question.


The fault is from the following code, change the colors or remove it.

.xoouserultra-wrap a.xoouserultra-button:hover, input[type=submit].xoouserultra-button:hover, input[type=submit].xoouserultra-button:focus, input[type=button].xoouserultra-button:hover, input[type=button].xoouserultra-button:focus, .xoouserultra-wrap a.xoouserultra-button:active, input[type=submit].xoouserultra-button:active, input[type=submit].xoouserultra-button:active, input[type=button].xoouserultra-button:active, input[type=button].xoouserultra-button:active {
    border: 1px solid #1278b2;
    background-color: #1278b2;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1278b2), to(#1391da));
    background-image: -webkit-linear-gradient(top, #1278b2, #1391da);
    background-image: -moz-linear-gradient(top, #1278b2, #1391da);
    background-image: -ms-linear-gradient(top, #1278b2, #1391da);
    background-image: -o-linear-gradient(top, #1278b2, #1391da);
    box-shadow: inset 0 -1px 1px -1px #fff;
    color: #fff;
    padding: 4px 10px;

Hope it works, good luck.

  • Thanks very much, but would you please tell me how did you find the styles – Mohamed Omar Mar 9 '17 at 21:32
  • Inspect with Google Chrome, right-click element and choose :Hover. – SilverLink Mar 9 '17 at 21:42
  • No problem, glad I could help. – SilverLink Mar 9 '17 at 21:44

Not the answer you're looking for? Browse other questions tagged or ask your own question.