brian_denton

Hi,

I figured it out, by enqueuueing my stylehseet in the functions.php file. I thought the style.css file would automatically apply itself. Thank you!

That is what I have presently.
The only issue with setting a static height (596px) is that it is not responsive, so it looks really bad on mobile and smaller screens. The 596px is generated based on screen size, so on mobile it should be something like 179px and on smaller screens it should be 305px or whatever. It’s the 40px that is overriding the default responsive height of the elements.
I emailed my theme a while ago, so I am sure when they decide to get back to me they will have an answer.

Yes, the height (both 100% and 596px) is generated outside of my control, within the WordPress and/or theme core files.
The 596px appears to be generated dynamically, in the sense that it is rendered based on the size of the window any time it is resized, so it must be a Javascript file (you can see the original height and width of the element change as the window is resized).
The fact that the element has two conflicting heights is for sure an oversight by WP or my theme, as it is given two different attributes in some PHP and/or JS file at some time as it parses the shortcode (the JS gives it a dynamic height as the window is resized, but another file gives it a static height of 40px).
Like I said, it is out of my control, unless I set the height to a static number using CSS (like I did with “height: 596px!important”) or create my own plugin that overrides whatever sets the height of the element. Or go into the WP core files and change the way the video shortcode is rendered, which is bad practice.
Thank you so much for your help thus far.

Setting the height to auto causes the box to be 0px tall.
Here is a live version of it:

https://direct2dealers.com/test-page/