Constant Sum responses blocks to be larger | XM Community
Skip to main content

Constant Sum responses blocks to be larger

  • October 20, 2022
  • 4 replies
  • 104 views

Forum|alt.badge.img+2

HI,
I am building a survey, and I want the response box to be bigger than currently is.
ChoicesSize.PNGWe can adjust this in a Format field question, but not in this one.
Any custom code available to help with this?
Thanks in advance

4 replies

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • October 20, 2022

Hi there, try adding the below CSS in the Style section of the survey's Look & Feel:
.Skin .CS .SumInput input, .Skin .CS .SumTotal input {
    width: 70px !important;
}


Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • October 20, 2022

Actually try this instead. It will make the boxes 160px for desktop while keeping it 70px for mobile:
@media all and (min-width:481px){

.Skin .CS .SumInput input, .Skin .CS .SumTotal input {
    width: 160px !important;
}

}

@media all and (max-width:480px){

.Skin .CS .SumInput input, .Skin .CS .SumTotal input {
    width: 70px !important;
}

}


Forum|alt.badge.img+2
  • Author
  • October 20, 2022

Oh brilliant it worked!
image.pngCheers for this !


SuhasM
Qualtrics Employee
Forum|alt.badge.img+16
  • Qualtrics Employee
  • October 20, 2022

Great solution Tom_1842 👏 Thank you for your contributions to our community!