Notifications
Clear all

Paid Addons Support Forum Only

Please note, that here we only support Paid Addons issues and questions.

gVectors Support staff works from 6am to 6pm (GMT+0)

All questions related to wpForo and wpDiscuz free plugins should be asked in the corresponding plugin support forum:

 

wpDiscuz Support Forum wpForo Support Forum

Blurred images on mobile


vit.hofman
Posts: 11
Customer
Topic starter
(@vit-hofman)
Member
Joined: 3 years ago

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?

Snímek obrazovky 2021 03 13 234448

 

8 Replies
Tom
Posts: 3723
 Tom
Admin
(@tomson)
Support Team
Joined: 7 years ago

@vit-hofman,

Please leave a direct URL to that post.

Reply
vit.hofman
Posts: 11
Customer
Topic starter
(@vit-hofman)
Member
Joined: 3 years ago
Reply
6 Replies
Tom
 Tom
Admin
(@tomson)
Joined: 7 years ago

Support Team
Posts: 3723

@vit-hofman,

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;
    }
}
Reply
vit.hofman
Customer
(@vit-hofman)
Joined: 3 years ago

Member
Posts: 11

@tomson but i upload big size image. Why Is resize on si small resolution?

Reply
vit.hofman
Customer
(@vit-hofman)
Joined: 3 years ago

Member
Posts: 11

@tomson Thx, its help!

Reply
Tom
 Tom
Admin
(@tomson)
Joined: 7 years ago

Support Team
Posts: 3723

@vit-hofman,

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:

  • width: 480px
  • height: 320px
Reply
vit.hofman
Customer
(@vit-hofman)
Joined: 3 years ago

Member
Posts: 11

@tomson Like this? 

Doesn't that look good on a large monitor?

Attachments02
Attachments01
Reply
Tom
 Tom
Admin
(@tomson)
Joined: 7 years ago

Support Team
Posts: 3723

@vit-hofman,

Yes, like that. It could be even smaller:

  • width: 400px
  • height: 240px
Reply
Share:
Scroll to top