Community Groups are officially here!
We've released Groups, a new feature that enables us to connect community members of similar industries and interests in a shared, private space. You can check out all of the details here, including information about who can join, how to join, and what Groups are currently offered. Please leave your feedback through this Community Groups Feedback Survey.

How do I change the star outline in the slider/star question type?

DaisyD
DaisyD CanadaCommunity Member, Qualtrics Brand Admin Qubie ✭
edited June 3 in Custom Code

Hello!

Is there a way to change the colour of the star outline in the slider/star question?

I am using a photo background and I find that the stars don't show enough. I would like to change the light grey outline to a darker grey, but I don't know if it's possible or how to...

Many thanks in advance!

Tagged:

Best Answers

  • TomG
    TomG Raleigh, NCCommunity Member, Qualtrics Brand Admin Wizard ✭✭✭✭✭
    Accepted Answer

    I think you would have to create a new stars.png file, upload it, then create a CSS rule to override this rule:

    .Skin .STAR .StarsContainer,.Skin .STAR .StarsContainer .Filled,.Skin .STAR .StarsEventWatcher{height:26px;background:transparent url(https://jfe-cdn.qualtrics.com/themes/base-templates/qualtrics/base/version-1561388512231-d0e045/files/stars.png) 0 0}
    
  • TomG
    TomG Raleigh, NCCommunity Member, Qualtrics Brand Admin Wizard ✭✭✭✭✭
    Accepted Answer

    @DaisyD said:
    Thank you very much Tom! As I'm a newbie to CSS, do I just have to replace the url in brackets with my new star url (ex: https://opinion.reitmans.com/CP/Graphic.php?IM=IM_da8gExUHNLXt8k)?

    Yes, just replace the url in parens. However, I get an error when I click on your image link so something is wrong with it. Also, your star image has to have EXACTLY the same dimensions and star placement as the original.

Answers

  • DaisyD
    DaisyD CanadaCommunity Member, Qualtrics Brand Admin Qubie ✭

    Thank you very much Tom! As I'm a newbie to CSS, do I just have to replace the url in brackets with my new star url (ex: https://opinion.reitmans.com/CP/Graphic.php?IM=IM_da8gExUHNLXt8k)?

  • Parth3399
    Parth3399 IndiaCommunity Member Qubie ✭

    Hey @TomG , I am facing similar issue, but can you tell me where exactly do I have to paste this code

    .Skin .STAR .StarsContainer,.Skin .STAR .StarsContainer .Filled,.Skin .STAR .StarsEventWatcher{height:26px;background:transparent url(https://jfe-cdn.qualtrics.com/themes/base-templates/qualtrics/base/version-1561388512231-d0e045/files/stars.png) 0 0}
    


    ?