Hi,
@fleb,
Without seeing the survey/page itself, my first guess is maybe there's another element in the survey template that ends up with a higher z-index than your image and is imposing that line? Can you Inspect element on the line vis a vis your image?
https://zapier.com/blog/inspect-element-tutorial/
You could try setting the z-index of your image to be higher than anything else on the page: https://www.w3schools.com/cssref/pr_pos_z-index.asp
Hi
@KoalaTricks,
thank you very much for such a fast reaction. I'm not sure what do you mean by term "vis", but this is my label element.
Did you mean this or something else?
` <label for="QR~QID605~5" id="QID605-5-label" class="SingleAnswer " data-runtime-class-q-checked="runtime.Choices.5.Selected" style="padding-top: 21px; padding-bottom: 20px;"> <span>gray</span> <img src="https://cuhumanities.az1.qualtrics.com/WRQualtricsControlPanel/Graphic.php?IM=IM_b1osJCupEIUpQ9f&thumb=true&width=150" alt="Eye grey" data-image-state="ready"> </label>`
I don't know how to modify CSS of an image without any class or id, but I'l try to figure it out tomorrow. (Qualtrics unfortunatelly doesn't offer HTML view for choices).
@fleb,
I'm not sure how or where you're embedding the image. But if you're able to do it via HTML, I would try setting an arbitrarily large z-index to see if that helps. The z-index sets the stacking order of elements on the page.
<code><img src="yourimageurl" alt="Eye grey" data-image-state="ready" style="z-index: 999999999999999999 !important"></code>
Alternatively, if you can identify the DOM element responsible for the white line (try to right click + Inspect Element and move around until you are highlighting only the line), you could alter its z-index to be arbitrarily lower instead.
Hi
@KoalaTricks,
thanks for such a quick answer again!
I've tried to set high z-index for all images in the CSS style-sheet like this:` img {z-index: 999999999999999999 !important;}` and nothing happened. I'm also not able to highlight the line using the inspector separately. I got just these two labels and it seemed that the line is in the image itself.
!
!
Originally, I've inserted images like this and wasn't able to modify the HTML manually, since there was no image tag when I clicked on the choice to edit it and there was also no image in the rich content editor.
!
-> !
## However, you answer gave me an idea to put the HTML img tag to the answer instead. Now there is no white line anymore.
!
-> !
I realized, that the URLs used by these two ways are different. I think there might be problem with the image which is stored at the first URL which is different than URL which I have in my Graphics library:
`src="https://cuhumanities.az1.qualtrics.com/WRQualtricsControlPanel/Graphic.php?IM=IM_b1osJCupEIUpQ9f&thumb=true&width=150"`
`src="https://cuhumanities.az1.qualtrics.com/ControlPanel/Graphic.php?IM=IM_b1osJCupEIUpQ9f" `
Thank you very much for your help!
@fleb -- Good sleuthing! Seems like a quirk of the thumbnail-ification. Glad it worked out.
