Changing the green background to another color on the ASK button.

I’m trying to change the standard green color to another color. I have added this code in my style.css file:

.dwqa-container .dwqa-btn-success {
color: #FFFFFF;
background-color: #000000;
border-color: #000000;
}
.dwqa-container .dwqa-btn-success:hover,
.dwqa-container .dwqa-btn-success:focus,
.dwqa-container .dwqa-btn-success:active,
.open .dropdown-toggle.dwqa-container .dwqa-btn-success {
background-color: #848484;
border-color: #848484;
color: #FFFFFF;
opacity: 1;
}

The button behaves when the mouse hovers over it, but it returns to green once the mouse moves away from the button. Any ideas? Thanks in advance!

3 Answers

DominicStaff
answered 8 years ago

Hi,
I have used your codes in our demo and see that it still works fine, you can send me your site and a screenshot for further checking, I will help you resolve it.
Regards,

turq84
replied 8 years ago

I replied below. Thanks for your help! Sincerely, Kayla

Kayla Last Name
answered 8 years ago

Thank you, Dominic, for your reply! My website can be found here: http://www.lillis.co/business_community/

This is how it looks without the mouse hovering over it. (Normal state)

Normal state (without hover)

This is how it looks with the mouse hovering over it. For some reason the print screen didn’t capture the mouse.
hover action

Thanks again for your help!

DominicStaff
answered 8 years ago

Right now, I can not find Q&A page from your site, you can try the following code:

.dwqa-container .dwqa-btn-success {
color: #FFFFFF !important;
background-color: #000000 !important;
border-color: #000000 !important;
}
.dwqa-container .dwqa-btn-success:hover,
.dwqa-container .dwqa-btn-success:focus,
.dwqa-container .dwqa-btn-success:active,
.open .dropdown-toggle.dwqa-container .dwqa-btn-success {
background-color: #848484 !important;
border-color: #848484 !important;
color: #FFFFFF !important;
opacity: 1;
}

Hope this helps !