Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed. We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

[Solved] Odd thumbnail Behaviour

5 Posts
2 Users
1 Reactions
1,276 Views
radiostv
Posts: 100
Customer
Topic starter
(@radiostv)
Member
Joined: 8 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: 100
Customer
Topic starter
(@radiostv)
Member
Joined: 8 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
(@astgh)
Joined: 8 years ago

Illustrious Member
Posts: 6444

Hi @radiostv,

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

 

Astghik
Posts: 6444
Admin
(@astgh)
Illustrious Member
Joined: 8 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: 100
Customer
Topic starter
(@radiostv)
Member
Joined: 8 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:
Scroll to top