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] Video File Looks Bad With Advanced Attachments

6 Posts
3 Users
0 Reactions
3,333 Views
Posts: 17
Customer
Topic starter
(@odirachris)
Member
Joined: 9 years ago

Hello, I attachedΒ an MP4 file in a forum topic using wpForo Advanced Attachments and it looks horrible.

Here is what it looks like:

wpforo video

Here is the link to the forum post:Β  https://www.naijaandroidarena.com/forum/how-tos-tips/how-to-know-a-fake-infinix-note-3/

Please assist. Thank you.

5 Replies
Razmik
Posts: 76
Admin
(@blackraz)
Famed Member
Joined: 10 years ago

Hi Odira.

Please navigate to Dashboard => Forums => Settings => Styles

andΒ put this css code intoΒ "Custom css Code".

#wpforo-wrap .wpfa-item.wpfa-video, 
#wpforo-wrap .wpfa-item.wpfa-video > video{
    width: 100%;
}
Reply
1 Reply
Customer
(@odirachris)
Joined: 9 years ago

Member
Posts: 17

I have done that but it is still like that.

Reply
Posts: 4233
 Tom
Admin
(@tomson)
Famed Member
Joined: 10 years ago

Have you updated wpForo to 1.3.0 and reset the Cache/CDN? This issue is already fixed with wpForo 1.3.0. Make sure you've updated, cleared and purged all caches and did Ctrl+F5 on front-end.

This is a conflict with your WP theme, if the issue is still not solved please put this CSS code in Forums > Settings > Styles > Custom CSS Code textarea. Save it, delete all caches and do Ctrl+F5 on front-end.

#wpforo-wrap .wpforo-post-content .wpf-video, #wpforo-wrap .wpforo-post-content .wpf-video iframe{max-width: 85%;}
@media screen and (max-width:1000px) {
#wpforo-wrap .wpforo-post-content .wpf-video, #wpforo-wrap .wpforo-post-content .wpf-video iframe{max-width: 98%;}
}
Reply
Posts: 4233
 Tom
Admin
(@tomson)
Famed Member
Joined: 10 years ago

If this is an uploaded video HTML5 player, put this CSS code as well:

#wpforo-wrap .wpforo-post-content .wpfa-video, #wpforo-wrap .wpforo-post-content .wpfa-video video{max-width: 85%;}
@media screen and (max-width:1000px) {
#wpforo-wrap .wpforo-post-content .wpfa-video, #wpforo-wrap .wpforo-post-content .wpfa-video video{max-width: 98%;}
}
Reply
Posts: 17
Customer
Topic starter
(@odirachris)
Member
Joined: 9 years ago

It is normal now. Thank you.

It is seems the first code actually solved the problem but due to browser cache, I was still seeing the first version. I cleared browser cache and it looks good now.

Reply
Share:
Scroll to top