[PeteGWebmaster]

I’m trying to get the videos to be displayed in two columns as coded below here:

<iframe src="https://www.youtube.com/embed/QiCG1vTY3kM?rel=0&controls=0" width="400" height="250" frameborder="0" allowfullscreen="allowfullscreen"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span></iframe> <iframe src="https://www.youtube.com/embed/esmQj4MgM4k?rel=0&controls=0" width="400" height="250" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

<iframe src="https://www.youtube.com/embed/UJLrQZfw92Y?rel=0&controls=0" width="400" height="250" frameborder="0" allowfullscreen="allowfullscreen"></iframe> <iframe src="https://www.youtube.com/embed/wBC2awJ0fho?rel=0&controls=0" width="400" height="250" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

<iframe src="https://www.youtube.com/embed/6EHccA6KcyI?rel=0&controls=0" width="400" height="250" frameborder="0" allowfullscreen="allowfullscreen"></iframe> <iframe src="https://www.youtube.com/embed/rhjAk74kP0I?rel=0&controls=0" width="400" height="250" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

<iframe src="https://www.youtube.com/embed/J046BXKznrQ?rel=0&controls=0" width="1200" height="750" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

However when I view the codes the images are showing in full width. Is there some way to turn it off so Catch Responsive Pro is not making my videos full width?

Thanks

[Skandha]

@petegwebmaster: For this you will need to dequeue the fitvids.js by creating a child theme. After creating child theme add the following code to the functions.php file of the child theme.

function catchresponsive_child_dequeue_scripts(){
	wp_dequeue_script( 'jquery-fitvids' );
}
add_action( 'wp_print_scripts', 'catchresponsive_child_dequeue_scripts' );

You can find more details on creating child theme HERE.
Let me if this works out.
Kind Regards,
Skandha

[PeteGWebmaster]

Well it fixed the videos but caused a lot of more serious styling issues on other pages so I can’t utilize your child theme fix/workaround.

[Skandha]

@petegwebmaster: Okay. Avoid the code I previously provided you.
Go to => Dashboard => Edit your Videos Page => At the bottom you will find Layout Option. Select No Sidebar(Content Width). This should reduce the size of the videos.

Let me know if this solves your issue.
Kind Regards,
Skandha

[PeteGWebmaster]

I’m trying to get the videos to line up in two columns (side by side).

For some reason my code isn’t working. It shows to be working on the view side of the html editor but when I click publish the changes don’t go through.

[PeteGWebmaster]

Oh and to answer you question, no it did not solve the problem.

[Skandha]

@petegwebmaster: Maybe this is a cache issue. Please try clearing your browser cache and let me know if the issue persists.

Kind Regards,
Skandha

[PeteGWebmaster]

No it’s not a cache issue.

[PeteGWebmaster]

I never got a response on this and it’s been nearly a month. Your template is still not recognizing my html codes and instead stretching the videos to full width. Why is this?

[Author]

Posts