Image size for each answer

  • Resolved loginlogout

    (@loginlogout)


    3 years, 5 months ago

    Hi,

    Is there any way to not display 2 thumbnail images next to eachother when using images in answers? I’d like to use 1 image for the width of the smartphone screen.Then the next answer/image under that.

    Also is it possible to have images in landscape instead of square?

    Thanks,

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

    (@harmonic_design)

    3 years, 5 months ago

    Hi loginlogout,
    you cannot easily change the aspect ratio of the images. To do this you’d need to edit the plugin directly, which I don’t recommend.

    To make the Multiple choice: Images question types use one per line on mobile, you can add the following CSS to your site.

    Most themes are compatible with WordPress’ customize feature, so if you log into your site, go to appearance -> customize, you will see a section for “additional; CSS”. That is where you can add the following CSS code (and remember to clear your site/browser cache after saving!).

    @media (max-width: 1000px) {
	.hdq_question_answers_images {
        grid-template-columns: 1fr;
    }
}

    The max-width: 1000px maximum width of the browser window. So if your browser is less than 1000px wide, this new one-row layout will kick in.

    Thread Starter loginlogout

    (@loginlogout)

    3 years, 5 months ago

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Image size for each answer’ is closed to new replies.