CSS to make results images larger

It is possible to make the product images bigger with custom CSS code.
Here’s how to use it:
https://revenuehunt.com/faqs/customize-quiz-design/

Try using this code to change the product image size:

.lq-results .lq-slot ul li, .lq-results .lq-noslot ul li{
max-width: 500px !important;
}

You can change the size values to whatever works for you.

Hi, the CSS doesnt work, this is my site:

https://lead-lab.net/

could you please help me? Thanks!

Hi there,

Strange. I just checked your quiz and it seems that the code works. Could you take a look at the results page again?
https://paste.pics/8df4666141f6e6c358ce310588da47bf

Hi, thanks for the fast support, Its really weird since it doesnt work on my end, i see this css that is overriding the one you sent me:

.results .lq-results .lq-noslot li {
    float: none;
    vertical-align: top;
    display: inline-block;
    max-width: 260px!important;
}

if i turn off the max-width with the inspector the code you sent works fine…

Hello Sergio,
I see. I tried it on my end and I couldn’t see the change being reflected as well.
I’ve added this following alternative code, which on my end is working fine:

.results .lq-results .lq-noslot li {
transform: scale(1.4) !important;
margin: 10vmin !important;
}

Please let me know if this works for you
Kind Regards,

• This reply was modified 3 years, 6 months ago by aesparz.

Marking as resolved.