I’d like the option in Engagements to edit the hover state for buttons. Specifically, edit the background color, border color, and font/text color.
Button hover color
None
Sign up
If you ever had a profile with us, there's no need to create another one.
Don't worry if your email address has since changed, or you can't remember your login, just let us know at community@gainsight.com and we'll help you get started from where you left.
Else, please continue with the registration below.
Welcome to the Gainsight Community
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.
Hi Jared - You can change the styling of the hover state for buttons using the CSS selector as shown below:
In the screenshot I have hovered my cursor over the End Tour button, and it changes the color as indicated in the styling written above.
I used the flag !important in the CSS styling document to override the default settings. You can see I also used the !important flag in the border-radius attribute of the buttons, which is why they look more rounded.
Let me know if you have other questions about this process. There will be some detailed documentation on CSS styling coming soon.
Is it possible to do this when the engagement type is a survey? when i edit the CSS there’s no section for /* step button */ but i do have a single button for advancing to the next step
The button class name for survey buttons is .submit-button and you can add that into the bottom of the existing CSS document:
.submit-button{
background-color: #bd28ef !important;
}
.submit-button:hover{
background-color: #ed6028 !important;
}