Hi, I’ve just checked my pages with your quizzes through Google Pagespeed. There is a notification, that quizzes’ images don’t have width and height set.

So I added width: 612px and height: auto in your custom css tab only for images in questions (all the images there have the same proportions). And the code works.

However, the notification from Pagespeed did not disappear. I guess, the code has to be added straight to html through php, not through css?

Is there any way, how can I add the proportions there (at least manually through code?).

Hello,

Open <wordpress_folder>/wp-content/plugins/ari-stream-quiz/includes/views/quiz-session/tmpl/image.php template file and replace the following code:



with the following one:



Regards,
ARI Soft

Thank you, the code works!

But both width and height have to be set in custom css tab in order it to work properly. However, I wrote above, that I set only width. Height has "auto" rule. If I will set height in px, then it will be the same on every device, and it will look bad.

Is there any way how to adapt your code to 'height: auto;' rule?

So, any thoughts on this?

The plugin generates responsive content (including images) so it doesn't matter what in "width" and "height" attributes of <IMG> tag. The image will be scaled based on screen size. The plugin adds 'height: auto' to images in CSS styles.

Regards,
ARI Soft