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

[Solved] Odd thumbnail Behaviour  


radiostv
Posts: 77
Customer
(@radiostv)
Member
Joined: 3 years ago

This fault seems to have manifested itself since upgrading the core wpforo to 1.7.1 

Coincidence or related?

The Problem

When viewing a forum post on a desktop, the attachment thumbnails appear correctly (see below).

ev1

However when the same post is viewed on a mobile or tablet, the Thumbnails no longer appear as thumbnails but auto resize themselves from a thumbnail and become out of focus (see below). This never happened before, they always appeared as above.

ev2

This happens on all threads/posts that have attachments

Example live link.

https://www.radios-tv.co.uk/community/black-white-tvs/1963-ever-ready-experimental-all-transistor-tv-set/paged/2/#post-100293

Any help in solving the problem would be greatly appreciated.

Forum HomePage

https://www.radios-tv.co.uk/community/

4 Replies
radiostv
Posts: 77
Customer
(@radiostv)
Member
Joined: 3 years ago

Forgot to say, that the fault can be recreated on a desktop by dragging the browser window in, so it has the same dimensions as a mobile/tablet. As you do so you can see the thumbnail resize going from good to bad. 

1 Reply
Astghik
Admin
(@astghik)
Joined: 2 years ago

Support Team
Posts: 4129

Hi @radiostv,

Let us check the issue. We'll back to you asap.

 

Astghik
Posts: 4129
Admin
(@astghik)
Support Team
Joined: 2 years ago

@radiostv,

Try the CSS code below:

@media screen and (max-width: 800px){
#wpforo-wrap figure[data-attachids] {
width: auto;
}
}

The CSS code should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Style Tab.  

Please don't forget to delete all caches and press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.   

Also, please try on incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.

radiostv
Posts: 77
Customer
(@radiostv)
Member
Joined: 3 years ago
Posted by: @astghik

Try the CSS code below:

@astghik that's fixed it

Fantastic! As ever from gVectors, a superb fast and effective response...much appreciated.

Share: