What is the custom CSS code to bold the questions and keep the options regular? | XM Community
Question

What is the custom CSS code to bold the questions and keep the options regular?

  • 7 July 2020
  • 5 replies
  • 492 views

Hello,
I am currently designing a survey and I was wondering if someone could help me with the custom code to bold all the questions while not bolding the options to those questions on a survey. I also want to keep the font size and colour uniform.
Since I am using a theme for my organization, I am unable to use the options under style in look and feel tab and need a custom code.
I want it to appear like this
What is your opinion on xxx? (Bold)
Option A (Regular)
Option B (Regular)
I hope you are able to understand my question
Thanks in advance for the help


5 replies

Userlevel 5
Badge +4

You can add the below css code in look & feel -> Style ->Custom CSS
.Skin .QuestionText{font-weight:bold}

Thank you for your answer. However when I try to do that it only bolds the question number itself. I have attached a screenshot to show you what I mean.
Screenshot (38).pngI changed the question colour to highlight this fact

Userlevel 5
Badge +4

This should work fine, this must be getting overridden, use the below code with !important.
.Skin .QuestionText{font-weight:bold !important}
Or use the below one,
.Skin .QuestionText{font-weight:700 !important}
image.png

Hello Thank you for your time again.
Screenshot (39).pngI tried it and the questions are bold and I am happy. However, I would like the options to be normal. Could you suggest the css code for that too please? Thanks in advance

Userlevel 5
Badge +4

You can use either one of the below as per your layout.
.Skin .LabelWrapper {font-weight:normal !important}
Or
.Skin .QuestionBody{font-weight:normal !important}






Leave a Reply