Workaround Available

Button hover color


Userlevel 4

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.


3 replies

Userlevel 7
Badge

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.  

 

Userlevel 4

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

Userlevel 7
Badge

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

 

 

Reply