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

Text/Graphic Question - Padding / Round Corners

  • September 27, 2023
  • 5 replies
  • 113 views
P
Level 5 ●●●●●
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;
}

 

C
S
Rohit1993

5 replies

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Tom_1842
  • Level 8 ●●●●●●●●
  • 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;
}

 

S
P
Level 5 ●●●●●
Forum|alt.badge.img+5
  • parkie_0007
  • Author
  • Level 5 ●●●●●
  • September 27, 2023

🤯🔥

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

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

Thanks :)

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

Try this CSS:

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

 

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

Splendid work Tom :)

Terms & ConditionsAccessibility statement