Service Portal Approval Widget Hover Change COlor

alex_tan · ‎01-25-2019

Hi All,

Would like to check how do i change the color of Approve (Green) and Reject (Red) when mouse is hover over.

Thank you in advance for your help.

Josh Virelli · ‎01-25-2019

Hi Alex,

This can be done through CSS with the :hover state.

The Reject button is using the bootstrap btn-default class and Approve is using the btn-primary, so we have to overwrite their :hover styles by declaring this in the CSS of the My Approvals widget (I'm using the hex colors for the Bootstrap red and green for the background colors, and slightly darker variants for the border colors so it looks like it belongs 😄 )

.btn-default:hover {
background-color: #d9534f;
border-color: #B24441;
}

btn-primary:hover {
background-color: #5cb85c;
border-color: #4C974C;
}

Let me know if that works! If it does please mark my answer as correct/helpful

Thanks

Josh

View solution in original post

Josh Virelli · ‎01-31-2019

Hi Alex,

Did that solve your issue? If so, can you please mark my answer as correct 🙂

Thanks,

Josh