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

Reduce white space around an image

  • October 21, 2022
  • 3 replies
  • 201 views
G
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+46
    • Deepak
    • October 21, 2022

    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!

    G
    Forum|alt.badge.img
    • geno
    • Author
    • October 21, 2022

    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+46
    • Deepak
    • October 21, 2022

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

    Terms & ConditionsAccessibility statement