Image Size

  • Resolved Patrick

    (@pglad)


    1 year, 5 months ago

    I am just testing this plugin to see if it works for me.

    I have used an image in a questions which is 150 x 150px, but when displayed in the quiz it renders at 663 × 663 px. Is there a way get images to display at their correct size?

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Jasmine

    (@hyenokian)

    1 year, 5 months ago

    Dear @pglad,

    Thank you for your topic.

    You can try achieving the desired result by adjusting the size in the “Questions Image Styles” option.
    See the screenshot below:

    View post on imgur.com

    Additionally, if you have caching enabled on your website, please clear all the caches and check the case with different browsers or an Incognito Mode.

    Let us know if you have more questions.

    Thank you.

    Thread Starter Patrick

    (@pglad)

    1 year, 5 months ago

    I can’t find the options to do this, can you where this is on the plugin menus please?

    Plugin Support Jasmine

    (@hyenokian)

    1 year, 5 months ago

    Dear @pglad,

    Thank you for your reply.

    Please go to Quiz Maker -> Quizzes -> specific quiz -> Styles tab, and scroll down to find the Questions Image Styles option.
    See the screenshot below:

    View post on imgur.com

    Before checking again, please clear all the caches and then test it.

    If it still doesn’t work, there might be a CSS or cache conflict on your side.
    In that case, please take this Custom CSS code and insert it into the Quizzes > particular quiz > Styles tab > Custom CSS option.
    Then, replace YOUR_QUIZ_ID with the corresponding Quiz ID (for instance, like this: #ays-quiz-container-1).
    Do not delete the space after it.
    Do not forget to clear the cache afterward.

    Here is the CSS code:

    #ays-quiz-container-YOUR_QUIZ_ID .ays-image-question-img img{
            width:150px !important;
            height: 150px !important;
        }

    Please follow these steps and let us know the outcome.

    Thank you.

    Thread Starter Patrick

    (@pglad)

    1 year, 5 months ago

    Found it thanks but the problem remains. The basic setting for images is 100%, but for some reason a 150px image is being rendered at 650px. The css won’t work, as the images in my quizzes vary in size.

    Plugin Support Jasmine

    (@hyenokian)

    1 year, 5 months ago

    Dear @pglad,

    Thank you for your reply.

    I would like to note that when set to 100%, it occupies the full width of the quiz.

    Please try the following CSS code:

    #ays-quiz-container-YOUR_QUIZ_ID .ays-image-question-img img{
        width: auto !important;
    }

    Please try this and let us know the outcome.

    Thank you.

    Thread Starter Patrick

    (@pglad)

    1 year, 5 months ago

    Thanks very much, that seems to have done the trick

    Plugin Support Jasmine

    (@hyenokian)

    1 year, 4 months ago

    Dear @pglad,

    Thank you for your response.

    Glad to hear that everything works fine for you now.

    If your query is resolved, please take a moment to rate and review the plugin or support.

    Many thanks in advance!

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

The topic ‘Image Size’ is closed to new replies.