Skip to main content
Question

We need to expand the size of the box containing the Likert Scale in the Survey Player.

  • June 5, 2025
  • 3 replies
  • 58 views

jmkachidurian
Helper II
Forum|alt.badge.img+2

A change to the player sometime ago has left the size of the box containing our Survey too narrow to display all the options on our Likert Scale. This leads to distortion of our scores when learners fail to scroll to the right to find the highest level.  The survey doesn’t need the vast white space around it….

We’ve been told that CSS coding can reduce the white space around it or expand the box size.  We haven’t been able to find the solution yet. Do any of our CSS coding experts have an idea?

3 replies

steveninfinger
Helper III
Forum|alt.badge.img+8

We had the exact same issue and it destroyed our quantitative data for 2 months after this change. ​@mateojones, can you share the CSS you used to expand the survey please? 


Forum|alt.badge.img
  • Docebian
  • June 6, 2025

Could you ask that to docebo (unofficial) ChatGPT trained model?

https://chatgpt.com/g/g-Mga1R3heQ-docebo-html-and-css-assistant


  • Novice II
  • June 6, 2025

I tried the AI Assistance in Chrome for the first time. For someone who has no idea on CSS coding, I found it more helpful than ChatGPT as it walked me through finding the right element and gave this CSS:

dcb-course-lesson-questions {

max-width: 800px !important;

}

The code seems to apply to Tests as well. Here’s what it looks like on our Survey: