Reduce white space around an image | Experience Community
Skip to main content

Reduce white space around an image

  • Oct 21, 2022 12:49 AM UTC
  • 3 replies
  • 236 views

Forum|alt.badge.img

Hello:
I am trying to reduce the white space around an image that I had embedded in my survey question, mainly to increase image size for those answer on smartphones.
I did see there is a border option that one can use by right clicking on the image, but it already seems to be set at the minimum.
Is there a way to reduce the white space on sides of an embedded image?
Thank you!

3 replies

Deepak
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+48
  • Oct 21, 2022 6:21 AM UTC

geno
You can remove the padding around the entire survey question and it would probably reduce the white space on the sides of the image.
@media (max-width: 768px)
.Skin .QuestionText {
padding: 0px;
}
Hope it helps!


Forum|alt.badge.img
  • Author
  • Oct 21, 2022 5:58 PM UTC

Thank you, Deepak. I tried adding the code to the CSS as well as the header, but it didn't seem to shrink the white space to the sides of the image for the phone or computer version. Are those the right places to put the script?


Deepak
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+48
  • Oct 21, 2022 8:49 PM UTC

geno
Yes, that's right do you mind sharing QSF so I can help you better with the issue?