cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
Nintex Newbie

Change the border colours of choice buttons in a Nintex Form

Jump to solution

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
 
Labels: (1)
Tags (2)
0 Kudos
Reply
2 Replies
Highlighted
Nintex Newbie

Re: Change the border colours of choice buttons in a Nintex Form

Jump to solution

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;
}

 

View solution in original post

0 Kudos
Reply
Highlighted
Nintex Newbie

Re: Change the border colours of choice buttons in a Nintex Form

Jump to solution
Thank you. I will give it a try.
0 Kudos
Reply