3 Columns | YouTube Imbed Should be centered but pushes column right

1 reply · opened Apr 16, 2020

77Lexen7Apr 16, 2020

Thank you ahead of time....

Here is the code...
Middle Column for Video has a YouTube video at width="560" height="315"

What we would like is for the video to stay completely centered
And to have a picture just to the left (right aligned so it sits close)
But the lay out breaks and the video gets pushed to the right instead of centered...


<div class="row common-height clearfix">

&lt;!-- #Left Column for Picture --&gt;	
&lt;div class="col-md-4"&gt;
      &lt;img src="podf-img/Will-Workman.jpg" align="right" alt="Will Workman" width="126"
     height="179"&gt;	
&lt;/div&gt;
&lt;!-- #Left Column for Picture end --&gt;		
	
&lt;!-- #Middle Column for Video --&gt;

&lt;div class="col-md-4" divcenter&gt;		
	&lt;div style="text-align:center"&gt;		
		&lt;iframe width="560" height="315" src="https://www.youtube.com/embed/NYyiSaHke3s" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen&gt;&lt;/iframe&gt;
	&lt;/div&gt;	
&lt;/div&gt;			
&lt;!-- #Middle Column for Video end --&gt;	

&lt;!-- #Right Column for empty place holder --&gt;	
&lt;div class="col-md-4"&gt;		
&lt;/div&gt;	

</div>


Is there a way to keep it centered?

About attached pics
Wrong = good sized video but pushed right
Right = too small video but centered

SSemicolon WebSTAFFApr 16, 2020

Hello,

As we have mentioned earlier, we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . You will need to manually code this or Hire a Freelancer to help you out with Custom Layouts. Thanks for Understanding.

You can try using this code:


&#x9;
&#x9;&#x9;
&#x9;
&#x9;
&#x9;&#x9;.. your iframe here
&#x9;

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard