Hi there,

Can you try to implement css codes below on your css files and see how it goes

[gist type="css"]
#es .btn-es-primary.btn-block {
background-color: green !important;
background-image: none !important;
border: 2px solid black !important;
color: white !important;
}

#es .btn-es-primary{
background-color: #2298DF !important;
background-image: none !important;
border: 1px solid black !important;
color: white !important;
}
[/gist]

Yes..It works.. But Need some modification to complete pefect view

*while mouse over, The old background is coming for Share and Login Buttons. (Also need to change outline color while mouse over)

*And for the "Create an account" button > while mouse over, the Outline color of the Button should change..

Hi there,

Oh, maybe you can try css codes below and see how it goes

[gist type="css"]
#es .btn-es-primary.btn-block {
background-color: green !important;
background-image: none !important;
border: 1px solid black !important;
color: white !important;
}


#es .btn-es-primary, #es .btn-es-primary:hover {
background-color: #2298DF !important;
background-image: none !important;
border: 1px solid black !important;
color: white !important;

}
[/gist]

Just I noticed that's y I am editing this ticket again. There is small error in Login Button only..
You just click on it and check, It shows its old color..

See the screen shots.

Other two buttons are working perfectly..

Hi there,

You can apply css codes below. Please give it a try and see how it goes. Currently, i have made it to follow it current color. Adjust them accordingly based on your requirement. I have included notes for all css.

[gist type="php"]
//Register button without hover
#es .btn-es-primary.btn-block {
background-color: green !important;
background-image: none !important;
border: 1px solid white !important;
color: white !important;
}
//change it background-color for on-hover for registration
#es .btn-es-primary.btn-block:hover {
background-color: green !important;
background-image: none !important;
border: 1px solid white !important;
color: white !important;
}

//Login button without hover
#es .btn-es-primary {
background-color: #2298DF !important;
background-image: none !important;
border: 1px solid black !important;
color: white !important;
}

//change background-color for on-hover for login and share
#es .btn-es-primary:hover {
background-color: red !important;
background-image: none !important;
border: 1px solid black !important;
color: white !important;
}

//Docker login button
#es.es-docker .docker-login-box .btn-es-primary {
background-color: #2298DF !important;
background-image: none !important;
border: 1px solid white !important;
color: white !important;
}

//change background-color for on-hover for docker button
#es.es-docker .docker-login-box .btn-es-primary:hover {
background-color: #2298DF !important;
background-image: none !important;
border: 1px solid white !important;
color: white !important;
}
[/gist]

Thanks..Very Nice..

Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.