Quiz Styler

colored images (png) in frondent not ‘clean’

Published: November 1, 2023
Support status: closed

View post on imgur.com

Check out this picture please, it looks like a gray filter is lying over it. In reality the png are not like this. Thanks!

thread author: Tatjana

Hi Tatjana,
neither HD Quiz nor the styler addon adds any filters to images; this must be coming from your theme.

To my eye, this looks like your theme applies an opacity filter to content images. I can send you some custom CSS that you can add to the styler addon to fix, but I need to be able to see this on your site. Can you please provide a direct link to a quiz with this?

01 November 2023 — 12:10 support admin - Dylan

Dylan, thanks for the quick answer. [stripped]

There you should see the Quizz (it’s a test, i just started using your plugin today).

Thanks!

01 November 2023 — 12:41 thread author - Tatjana

Thanks for the link!

Looks like I was right. Whatever you are using to lazyload images adds a class lazy-hidden to all images. This class reduces the opacity to 20%!

Luckily this should be an easy fix.

Add the following to the Custom CSS section of the styler addon.

.hdq_quiz_wrapper .lazy-hidden {opacity: 1!important;}

That will force all images inside of HD Quiz to be at 100% opacity.

01 November 2023 — 12:55 support admin - Dylan

Juhuuu, your the best! It worked directly. Thanks so much, i have to reduce a lot of images on my site as i have so many posts, but yours not (: Cheers, thanks again!

01 November 2023 — 13:05 thread author - Tatjana

Login to reply