Changing colours for Hot Spot Question | XM Community
Skip to main content
Question

Changing colours for Hot Spot Question

  • March 9, 2020
  • 1 reply
  • 83 views
R
Hello! I am not sure if I am posting at the right category. Anywho, may I know if anyone have any idea if it is possible to change the hovering colour of hot spot question to another colour? ! The default colours are green and white & green, red and white for "On/Off" and "Like/Dislike" interactivity respectively. Will it be possible to change the colours? Cheers!
    Shashi

    1 reply

    Tom_1842
    Level 8 ●●●●●●●●
    Forum|alt.badge.img+28
    • Tom_1842
    • Level 8 ●●●●●●●●
    • December 14, 2022

    Hi there, if you still need, the color of the "On" state in the On/Off Hot Spot can be changed by adding the below CSS to the Style section of the survey's Look & Feel:
    div.Inner.BorderColor.OnOff > div > fieldset > div > div > div > svg > path[fill="#00fe00"] {
    fill: orange;
    fill-opacity: 0.5 !important;
    }
    The color of the "Like" state in the Dislike-Like Hot Spot can be changed by adding the below CSS to the Style section of the survey's Look & Feel:
    div.Inner.BorderColor.LikeDislike > div > fieldset > div > div > div > svg > path[fill="#00fe00"] {
    fill: blue;
    fill-opacity: 0.5 !important;
    }
    The color of the "Dislike" state in the Dislike-Like Hot Spot can be changed by adding the below CSS to the Style section of the survey's Look & Feel:
    div.Inner.BorderColor.LikeDislike > div > fieldset > div > div > div > svg > path[fill="#fe0000"] {
    fill: yellow;
    fill-opacity: 0.5 !important;
    }

    Terms & ConditionsAccessibility statement