Featured images blurry / stretched on mobile?

Daniel Laursen
asked 10 years ago

Hello.

I have this issue where the thumbnails shown on the frontpage are kinda blurry / stretched on mobile / small screens.

This is the normal quality of an image on the frontpage: http://i.imgur.com/ddYoniW.png

But this is how it looks on mobile / with a small resolution screen: http://i.imgur.com/DP4SmcR.png

How do I fix this? I believe I’ve seen a solution before, but I can’t find the answer on here anymore.

3 Answers

DominicStaff
answered 10 years ago

To resolve this issue, please follow my instruction here:
1. Open dw-focus-recent-posts.php in /wp-content/themes/dw-focus/inc/widgets/dw-focus-recent-posts.php
2. Repleace the following code – line 165

<?php the_post_thumbnail($thumbnail_size); ?>

with:

<?php the_post_thumbnail('large'); ?>

3. Open dw-focus-categories.php in /wp-content/themes/dw-focus/inc/widgets/dw-focus-categories.php
4. Replace the following code – line 358

<?php the_post_thumbnail('medium'); ?>

with:

<?php the_post_thumbnail('large'); ?>

Hope this helps !

Daniel Laursen
replied 10 years ago

Brilliant – it worked!

Thanks a lot for getting back to us, even though the question was posted a long time ago. The support is very much appreciated!

Colin Benefiel
answered 10 years ago

How to we open/edit the dw-focus-recent-posts.php in /wp-content/themes/dw-focus/inc/widgets/dw-focus-recent-posts.php file when it is not located in the editor on the wordpress dashboard?
Is there a different way to access this?

DominicStaff
answered 10 years ago

Hi @colinbenefiel !
If you want to open/Edit the dw-focus-recent-posts.php file, you can use the WP Editor plugin: https://wordpress.org/plugins/wp-editor/
Regards,

Colin Benefiel
replied 10 years ago

Got, it! That worked perfectly.