Change font of Text/Gaphic to normal | XM Community
Skip to main content
Solved

Change font of Text/Gaphic to normal


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

In a survey, I need the font of all questions to be Bold and the answer text normal. Except for the first question, which is a Text/Graphic with an introduction text. Right now, this text is bold as well, because Qualtrics recognizes it as a question (I guess). I tried to override it in the Custom CSS like this without success. Ideas? 

/* QID1 question normal font */
#welkom .QuestionText {
  font-weight: normal !important;
}

Best answer by Deepak

 @JohannesCE 

Yes, for simple layout try this:


.question #question-display-QID1 {
    font-weight: normal;
}

 

 

View original

5 replies

Deepak
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+44
  • 1549 replies
  • May 25, 2023

@JohannesCE Try below:

#QID1 .QuestionText {

    font-weight: normal !important;
}

Hope it helps!


JohannesCE
Level 6 ●●●●●●
Forum|alt.badge.img+12
  • Author
  • Level 6 ●●●●●●
  • 144 replies
  • May 25, 2023
Deepak wrote:

@JohannesCE Try below:

#QID1 .QuestionText {

    font-weight: normal !important;
}

Hope it helps!

Hi @Deepak , this is not working. Maybe I should mention I'm using the Simple Layout, so maybe the code is different?


Deepak
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+44
  • 1549 replies
  • Answer
  • May 25, 2023

 @JohannesCE 

Yes, for simple layout try this:


.question #question-display-QID1 {
    font-weight: normal;
}

 

 


JohannesCE
Level 6 ●●●●●●
Forum|alt.badge.img+12
  • Author
  • Level 6 ●●●●●●
  • 144 replies
  • May 26, 2023
Deepak wrote:

 @JohannesCE 

Yes, for simple layout try this:


.question #question-display-QID1 {
    font-weight: normal;
}

 

 

This is not working yet. I tried this with “!important” as well

/* Q79 question normal font */
.question #question-display-Q79 {
    font-weight: normal;
}


JohannesCE
Level 6 ●●●●●●
Forum|alt.badge.img+12
  • Author
  • Level 6 ●●●●●●
  • 144 replies
  • May 26, 2023

Never mind, I found the problem by inspecting the HTML code of the page: the QID were not matching, so it's

.question #question-display-QID1 {

font-weight: normal;

}

It's a bit annoying that one has to inspect the HTML to find the correct QID.

Thank you @Deepak !


Leave a Reply