Hi voicetoons,
Thank you for reaching out.
Currently, the loop area is using the “Item Featured Image” widget within the LearnPress course layout. This widget is designed to follow LearnPress’s global image settings to ensure a consistent look across all courses.
Please adjust your desired image size under:
LearnPress → Settings → Courses → Thumbnail dimensions
Set your preferred width x height there, and it will update the featured images accordingly.
Best regards,
Brianvu-tp
You guys offer the best support anywhere. Not only offer the solutuon, but educate us users on the method behind the use / error. Fantastic!
Adjusted the thumbnail size, yet how do we make tthe quaility better. (blurry) button image is high-rez but can’t seem to have it present as higher rez image in loop / or on page. Thanks again.
See image…https://ibb.co/5gddGvVX
Hi voicetoons,
Thank you so much for your feedback!
The image appears blurry because it’s being cropped and resized according to the values set in Thumbnail dimensions. To display the image more sharply, you have two options:
- Upload new images that match the exact dimensions configured in LearnPress → Settings → Courses → Thumbnail dimensions. This ensures the images are shown in their native resolution without further scaling.
- Alternatively, you can leave the Thumbnail dimensions blank and use custom CSS instead to control how the image fits:
.learn-press-courses .course-thumbnail img {
width: 90%;
margin: 4% auto;
}
You can adjust the width and margin values as needed to get the best visual fit for your layout.
Best regards,
Brianvu-tp
PERFECT used css code YOU RULE!
Hi voicetoons,
Thank you so much for your feedback!
We’re thrilled the CSS solution worked perfectly and resolved the blurriness issue for you.
We appreciate you letting us know!
Best regards,
Brianvu-tp
