Only show image answer

  • Resolved paul83nl

    (@paul83nl)


    4 years, 8 months ago

    Hi,

    I have a request, because I’m making questions with image answers. But I also need to enter a text. I would like this to disappear. So users only have to click the right image presented to them. Is that possible?

    Paul

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Harmonic Design

    (@harmonic_design)

    Hi paul83nl,
    this is possible, but I recommend against it simply because the text is there for a reason – mainly to help the visually impaired or others with disabilities use the quizzes since it’s hard to “announce” an image that is interactive. Having a text-based option allows for answers to be more easily selected with things such as screen readers while also giving the blind a way to know what the image is without needing to see it.

    However, if you want to move forward with this anyways, then you can do this by adding some more CSS to your site’s style.css.

    .hdq_row_image .hdq_label_answer div {
    display: none
}
.hdq_row_image .hdq_label_answer {
    grid-template-columns: 1fr !important;
    grid-gap: 0 !important;
}

    Adding the above will remove the text from image-based answers and only show the image (also some formatting fixes to get rid of the new extra spacing)

    Thread Starter paul83nl

    (@paul83nl)

    Thanks for the explanation and the solution!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Only show image answer’ is closed to new replies.