It looks like there are two things interfering with the alignment and display of your TubePress videos.
We think one solution would be to wrap the img elements in an empty div and add the “equalize” class to the div instead. This should “protect” the images from being resized, while still equalizing the height of the entire row. Here’s 1 the change we’d suggest.
Second, it looks like some of your theme’s CSS is preventing TubePress from properly resizing the TubePress videos to “best fit” the viewer’s screen. In particular, on line 119 of /source/partials/_front-page.scss, we see this: 2. You might try adding an additional CSS rule so that the TubePress videos have a height of 100%, e.g. 3.
Give that a try and let us know?
Sorry to hear that. We’re still investigating but will get back to you ASAP!
We spent some time trying to come up with an easy solution for the misalignment between the featured video and the two images to its left. The crux of the problem is that your theme equalizes the height of the elements in that row, but it does this before TubePress has a chance to resize the video player to “best fit” its container. However, your theme doesn’t re-equalize the height of the row, and the result is that the column with the video looks different than the rest.
We think that if you play around with the aspect ratio of the video, you should be able to reach an acceptable size that gets rid of the misalignment. To adjust the aspect ratio of the video, you can add the embeddedHeight 1 and embeddedWidth 2 options to your shortcode (here’s 3 an example).
If you’re able and willing to share WP credentials with us, feel free to send them along in a private ticket 4 and we’ll be glad to log in and investigate this issue on your behalf. Let us know. Thanks!
This question has received the maximum number of answers.