Increase the width of the answer boxes for Matrix Constant Sum | XM Community
Skip to main content
Solved

Increase the width of the answer boxes for Matrix Constant Sum

  • July 13, 2022
  • 3 replies
  • 314 views

Forum|alt.badge.img

We're asking for numeric responses and this only shows about 4 digits at a time. Makes it difficult to correct errors when the last few digits were entered incorrectly.
image.png

I've seen some posts showing a code to enter in the Custom CSS in "Look and feel", but they aren't working for me

Best answer by Tom_1842

Hi, I've also used the below before:
.Skin .Matrix .CS td input, .Skin .Matrix .RO td input {
width: 100px;
}

3 replies

bgooldfed
Level 4 ●●●●
Forum|alt.badge.img+25
  • Level 4 ●●●●
  • July 13, 2022

Hi akennedy,
What code are you using in the CSS? It's possible it isn't overriding the default style set up in Qualtrics.
The following worked for me and should hopefully not impact any other text input fields you have that aren't in a matrix:
.Skin .Matrix .TE .Short td input {
width: 100px !important;
}
The !important part is what overrode the default styling.
Note that this gets applied to your entire survey, so if you have other matrix text entries set up and want them to behave differently, you'll need a different solution.
Good luck!


Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • Answer
  • July 14, 2022

Hi, I've also used the below before:
.Skin .Matrix .CS td input, .Skin .Matrix .RO td input {
width: 100px;
}


Forum|alt.badge.img
  • Author
  • July 14, 2022

The code I was using didn't have the "td" between .CS and input, maybe that was the problem. It's working now, thanks!