Changing hover color for Back button in Simple Layout | XM Community
Skip to main content
Solved

Changing hover color for Back button in Simple Layout

  • May 25, 2023
  • 1 reply
  • 330 views

JohannesCE
Level 6 ●●●●●●
Forum|alt.badge.img+12

I have a survey with the Simple Layout, and some custom CSS for the Back/ Next buttons. 

The problem is that while hovering with the mouse over “Next’ turns te background to my primary color, hovering over “Back’ makes it light gray. I think this is the standard for that layout.

How can I override the hover background color of the Back button?

This is what I have right now:

/* next button */
#navigation #next-button {
    background-color: #BEBEBE;
    color: #192743;
    font-weight: bold;
    font-size: 13px;
    width: 100px;
    margin-left: auto;
}

/* previous button */
#navigation #previous-button {
    background-color: #BEBEBE;
    color: #192743;
    font-weight: bold;
    font-size: 13px;
    width: 120px;
    margin-right: auto;
    border: none;
}
 

Best answer by Tom_1842

Try this CSS:

#navigation #previous-button:hover {
    background-color: #ff0000;
}

 

View original

1 reply

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • 876 replies
  • Answer
  • May 25, 2023

Try this CSS:

#navigation #previous-button:hover {
    background-color: #ff0000;
}

 


Leave a Reply