Picture Larger than Demo

And in this case, the picture is so small it gets pixelated: https://nimb.ws/d1EoNW

Any ideas on how to fix that? It seems like the picture mask is larger on the plugin, not sure if that makes sense, but it doesn’t seem like her picture should get that pixelated.

Thank you,

Jeff

Hi @captainslog,

The images can be bigger or smaller according to space it is getting. Use the below CSS to smaller the image:

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  sp-testimonial-free-section .sp-tfree-client-image {
  margin: 0px 0px 22px 45px !important;
   width: 186px !important;  /* set the margin according to the width to make the image in center position*/
   height: auto;
 }
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
 margin: 0px 0px 22px 0px;
width: auto !important;
}

The second image size is too small(40X40)px, That’s why it is pixelated.

Thank you very much!

Thank you.

Is there a place in the plugin where I put the code? If not there, I use the Divi theme, can you tell me where to put it there, by chance?

Thanks,

Jeff

Thanks for the code.

I put the code in the Setting area under Custom CSS.

I flushed the site and browser cache, and the images do not appear to be any smaller.

What line would I use to manage the image sizes?

Thanks,

Jeff

• This reply was modified 4 years, 6 months ago by CaptainsLog.
• This reply was modified 4 years, 6 months ago by CaptainsLog.

Just noticing, these images are gigantic compared to the space and the rest of the info on on the testimonials. Please see: https://nimb.ws/Ka4Sge

Regards,

Hi @captainslog,

Please contact us at the free users’ support forum so that we can help you to reduce the image size with CSS from your end.

Thank you!