Notifications
Clear all

[Solved] Video File Looks Bad With Advanced Attachments

6 Posts
3 Users
0 Likes
2,716 Views
Posts: 17
Customer
Topic starter
(@odirachris)
Member
Joined: 7 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: 9 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: 7 years ago

Member
Posts: 17

I have done that but it is still like that.

Reply
Posts: 4168
 Tom
Admin
(@tomson)
Famed Member
Joined: 9 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: 4168
 Tom
Admin
(@tomson)
Famed Member
Joined: 9 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: 7 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