MyBB Community Forums

Hello there

I followed this tutorial https://community.mybb.com/thread-217215.html to make the embeded videos responsive. I sought assistance in that thread, but not getting responses.

So I'm posting here instead.

How can I make the video align to the center when viewed on a desktop browser? I've tried aligning it with the regular

[align=center]...[/align]

But those are getting ignored.

I've played with the CSS selectors resp_vid_cont, resp_vid, and resp_vid iframe using "align-content:center;" but no joy.

You can wrap the HTML in center:

<center>
<div class="resp_vid_cont">
 <div class="resp_vid">
 <iframe width="560" height="315" src="//www.youtube.com/embed/{$id}" frameborder="0" allowfullscreen></iframe>
 </div>
</div>
</center>

If text aligns to the center just add this to the css of resp_vid_cont:

text-align: left;