Changing the colour of secondary features - number text and bullet points! | XM Community
Solved

Changing the colour of secondary features - number text and bullet points!

  • 11 April 2019
  • 3 replies
  • 85 views

Hi,

I hope someone is able to help because I am totally stuck on this! I am trying to change ALL of the text and features in my survey white. I have managed to get 90% of it to work, there are just two things I can't figure out:
!

I would like the grey circles to have a white outline instead. They fill in white when selected already, but for a clean look it would be great to fix the outline!

!

I'd also like to change the numbers on this slider to white. Is this doable?


The code I have so far is:

.Skin, #SurveyEngineBody {
background:#ff6600!important;
}

.LabelWrapper, .QuestionText, .SubQuestionText, .AnswerText{
color:white!important;
}

.Skin .InputText,
input[type=text] {
background-color : #ff6600 !important;
border-radius: 2px !important;
border: solid 1px #ffffff !important;
color:white!important;
}

.Skin #ProgressBar tr td{
color:white!important
}

.Skin .ProgressBarFill {
background-color: #FFB27F!important;
}


I'm not a coder and have just about pieced this together haha so any help would be hugely appreciated 🙂
icon

Best answer by YASH1T 11 April 2019, 17:14

View original

3 replies

Badge +6
@RTMResearch, try using below

Question 1: .Skin label.SingleAnswer>span::before {border: 2px solid red}
Question 2: .q-slider ul li{color:red;}
Thank you!

Hi all,
I have a question related to the above. I'd like to change the background as well as the cursor which indicate position of the slider bar into green. I now can change only the sliders themselves. Please help me. Should the codes be put in onload or onready? Thank you so much.

Leave a Reply