How to align the text to the box size as shown in the pic below? Any help would be appreciated. | XM Community
Skip to main content
Question

How to align the text to the box size as shown in the pic below? Any help would be appreciated.

  • February 4, 2019
  • 3 replies
  • 72 views

3 replies

NiC
QPN Level 5 ●●●●●
Forum|alt.badge.img+27
  • QPN Level 5 ●●●●●
  • February 8, 2019
Hi Harshal, can you specify more details like question type,etc or share the qsf file of the survey.

  • Author
  • February 11, 2019
Hi NiC, Thanks for the reply. The question type is "pick, group and rank", I've asked survey takers to "drag and drop" 11 items asked in the question. Since this question has 11 items to drag and drop in the given box, I changed the height and width of the box by adding a small HTML syntax under customer CSS of "Look and Feel" option in the survey. The size of the box is changing according to the value added in the syntax however, the size of the "Title" in the box is not changing as you can see in the picture attached to the original question. Please let me know if you have any suggestions. Thank you.

  • April 6, 2020

For anyone searching this later as I was, here is code that worked for me using the CSS editor in the "Style" section of "Look & Feel":
.Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div h2,.Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div ul{width:450px}
.Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div>div{width:450px}