Professional WordPress Plugins and Services. wpDiscuz, WooDiscuz, Advanced Post Pagination
I use paid add-ons "embed" and "Advanced Attachments".
Images embedded in topics and comments are blurred when viewed on a mobile phone.
As if they had grown from small to large.
After clicking on the image it opens in across the entire display and is beautifully sharp.
See attached picture.
What with this?
This is a very small image, the size of this image is 75x100px, and it becomes blurred on 100% width. So, you should turn off the 100% width on mobile devices to solve this issue. Here is the CSS code, put it in Dashboard > Forums > Settings >Styles > Custom CSS Code textarea, save it, delete all caches and use incognito/private tab of the mobile browser to check, otherwise you'll not see any changes:
@media screen and (max-width: 800px) {
#wpforo #wpforo-wrap figure[data-attachids] {
max-width: 100% !important;
width: auto;
margin-bottom:10px
}
#wpforo #wpforo-wrap .wpforo-post-content div.wpfa-item.wpfa-img-boxed img {
max-width: 100% !important;
width: auto !important;
}
#wpforo #wpforo-wrap .wpforo-post-content div.wpfa-item.wpfa-img-boxed {
max-width: 100% !important;
width: auto !important;
}
}
Ok, keep that CSS code for existing attachments. But for future attachments I'd recommend increase the thumbnail sizes in Dashboard > Forums > Settings > Addons > Attachments Tab:
hi good day I did exactly what said in this post and my still comes up blurry.
https://savieno.com/community/main-forum/what-is-a-good-budget-to-have-when-traveling-to-hawaii/
Navigate to wpForo > Settings > Advanced Attachments Settings and set the Thumbnail JPEG Quality to 100
nothing change
remove the IMG from My Media, upload it again, then remove the IMG from the post and upload it again.
Changing the Thumbnail JPEG Quality option won't change the quality for already uploaded IMG's.
