Format Font Size in Drop Down Answer Choices | Experience Community
Skip to main content
JoseS
Administrator
1 year ago
Solved

Format Font Size in Drop Down Answer Choices

  • Jun 12, 2020 7:35 AM UTC
  • 10 replies
  • 446 views

Hey everyone,
I am currently trying to enlarge the font size in questions with drop down answer lists. Even though in my overall "Look & Feel" Section I adjusted the font size for all answers, the drop down options are displayed way too small.
Do you know a CSS Code in order to help enlarge the font sizes? Somehow there is no rich content editor for the drop down answer choices available.
Thanks so much in advance! Really appreciate your help!
Best,
Konni

Best answer by rondev

Paste the below code in the drop down list question and change px as required:
jQuery("select").css("font-size","24px")

View original

10 replies

rondev
Level 6 ●●●●●●
Forum|alt.badge.img+22
  • rondev
  • Level 6 ●●●●●●
  • Answer
  • Jun 12, 2020 7:42 AM UTC

Paste the below code in the drop down list question and change px as required:
jQuery("select").css("font-size","24px")

Ron Dev (DM for any request. XM Technology Consultant, surveysolution.in)
    • KonFuchs
    • Author
    • Jun 12, 2020 7:49 AM UTC

    Hi rondev,
    thanks for helping out! Works perfectly :)
    Konni

    • CarroR
    • Sep 14, 2020 6:45 AM UTC

    Hi rondev,
    I'm trying to use the code above but can't get it to work. Any idea on what I'm not doing right?
    Thanks!

    rondev
    Level 6 ●●●●●●
    Forum|alt.badge.img+22
    • rondev
    • Level 6 ●●●●●●
    • Sep 14, 2020 6:55 AM UTC

    https://www.qualtrics.com/community/discussion/comment/30238#Comment_30238Where have you paste the code? Please send the screenshot.

    Ron Dev (DM for any request. XM Technology Consultant, surveysolution.in)
    • CarroR
    • Sep 14, 2020 7:41 AM UTC

    image.png

    rondev
    Level 6 ●●●●●●
    Forum|alt.badge.img+22
    • rondev
    • Level 6 ●●●●●●
    • Sep 14, 2020 7:58 AM UTC

    https://www.qualtrics.com/community/discussion/comment/30241#Comment_30241Remove the code from their and paste it in the add javascript option under Onready function as shown below:
    image.png

    Ron Dev (DM for any request. XM Technology Consultant, surveysolution.in)
    • CarroR
    • Sep 14, 2020 8:22 AM UTC

    Thank you, it works now :)

    DiegoMejia
    Level 2 ●●
    Forum|alt.badge.img+10
    • DiegoMejia
    • Level 2 ●●
    • Oct 23, 2020 3:50 PM UTC

    Hello rondev , It works when I am trying to resize the drop down list options.
    Now, I am trying to enlarge the size of the statements on a matrix table with drop down list options. I really appreciate your help!
    Screenshot 2020-10-23 174920.png

    rondev
    Level 6 ●●●●●●
    Forum|alt.badge.img+22
    • rondev
    • Level 6 ●●●●●●
    • Oct 26, 2020 8:55 AM UTC

    https://www.qualtrics.com/community/discussion/comment/31388#Comment_31388To increase the font size of the statement you can go to the rich cintent editor of the options and change the font size from their.
    image.png

    Ron Dev (DM for any request. XM Technology Consultant, surveysolution.in)
    DiegoMejia
    Level 2 ●●
    Forum|alt.badge.img+10
    • DiegoMejia
    • Level 2 ●●
    • Oct 26, 2020 9:13 AM UTC

    Hello rondev Thank you very much for your response. It's true! You are right.
    As you can see below I did it and the text is bigger. However, the text is automatically separated into two rows when it is long. I would like to expand the text area so that I can have each sentence on one line.  Thanks again!
    Screenshot 2020-10-26 101027.png

    Terms & ConditionsAccessibility statement