Skip to main content
Nintex Community Menu Bar

Hi




I found the post on changing the background colours of a choice button when selected extremely useful and have successfully implemented the code.  When selected, the button now changes to blue.  I still need, however, to change the border colours of the buttons (currently red) as well as the highlight colour when you position your mouse over the choice button (it has a background of a pinkish red with white highlight and black text).  I have tried different options but cannot get it to work.


 


I really appreciate your help.  







Kind Regards

Renee






 






Hi @voicer,


 


I got this css to update the styles, maybe it can help. Please update the colors as this is just the result of me fiddling around


/* All Buttons */
.ui-button-text {
border: 1px solid green;
background: olive;
color: white;
}

/* Any button is hovered */
.ui-button-text:hover {
background: blanchedalmond;
border: 1px dashed black;
}

/* Active button */
.ui-state-active .ui-button-text {
border: 1px solid green;
background: aliceblue;
color: black;
}

/* Active button hover */
.ui-state-active .ui-button-text:hover{
background: pink;
}

 


Thank you. I will give it a try.

Reply