Hello @f_SI,
Please attempt the following CSS code. Insert it into your question text in HTML mode.
Place your Image URL within the parentheses.
<html>
<style>
.Skin label.MultipleAnswer:hover, .Skin label.SingleAnswer:hover {
background: url(ADD YOUR IMAGE URL FROM LIBRARY HERE) no-repeat;
background-color: #fd80195c;
background-position: left center;
background-origin:content-box;
}
.Skin label.MultipleAnswer.q-checked, .Skin label.SingleAnswer.q-checked
{
background: url(ADD YOUR IMAGE URL FROM LIBRARY HERE) no-repeat;
background-color: #fd80197d;
background-position: right center;
background-origin:content-box;
color: black;
}
</style>
</html>
Hi Sachin. Thanks for your help. The code works but not how I intend it to work.
Perhaps I can give you more context -
In the image that I uploaded, with your code, I see the image in the background of the “Yes” and “No” question. I want background to be added in the popupbox at the bottom of the page.
Also, I added the HTML code in the html of the popup box only.
Hello @f_SI,
If you want to include an image at the bottom of the page, you can insert it in the 'Footer'. If you only need it for this specific page, add a new 'Text/Graphic' question after your main question and place your image within it. You can adjust the size and placement according to your needs. Ensure both of these questions are kept within the same block without any page breakers.