Professional WordPress Plugins and Services. wpDiscuz, WooDiscuz, Advanced Post Pagination
Hello, I attached an MP4 file in a forum topic using wpForo Advanced Attachments and it looks horrible.
Here is what it looks like:
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.
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%;
}
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%;}
}
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%;}
}
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.