Text/Graphic Question - Padding / Round Corners | XM Community
Skip to main content
Solved

Text/Graphic Question - Padding / Round Corners

  • September 27, 2023
  • 5 replies
  • 107 views

Forum|alt.badge.img+5

Hi Everyone

Hope you’re well.

The below is a simple Text/Graphic Question with a custom background colour.

  1. How do I round the corners of the question box.
  2. How to I increase padding to push the text IN and DOWN.

Thanks as always :)

Best answer by Tom_1842

Hi, try adding the below CSS to the Style section of the survey:

.Skin .QuestionText {
padding: 20px !important;
border-radius: 25px !important;
}

 

5 replies

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • 909 replies
  • Answer
  • September 27, 2023

Hi, try adding the below CSS to the Style section of the survey:

.Skin .QuestionText {
padding: 20px !important;
border-radius: 25px !important;
}

 


Forum|alt.badge.img+5
  • Author
  • Level 5 ●●●●●
  • 157 replies
  • September 27, 2023

🤯🔥


Forum|alt.badge.img+5
  • Author
  • Level 5 ●●●●●
  • 157 replies
  • September 27, 2023

And how would I push the bottom of this box up?

Thanks :)


Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • 909 replies
  • September 27, 2023

Try this CSS:

ul {
margin-block-end: -10px;
}

 


Forum|alt.badge.img+5
  • Author
  • Level 5 ●●●●●
  • 157 replies
  • September 27, 2023

Splendid work Tom :)