Shrink blank area

Using a Child Theme or a Custom CSS plugin, try adjusting padding here:

.article {
    display: block;
    position: relative;
    padding: 64px 12%;
    overflow: hidden;
}

That only took out some of it at the top, not on the sides allowing the video to be wider

When I unchecked padding: 64px 12%; in Firefox, the video expanded both ways…and now it seems you might have tried removing everything there? Try changing whatever you have done to only this:

.article {
    padding: 0;
}

that seemed to have worked. any ideas on why there is a blank space still below the video?

I would guess that is because the aspect ratios for .postarea and .article are different. One thing you might do is to try adding some padding at the top to push the video down a bit, and here is how you can tweak things in various ways:

/*
* 25px 50px 75px 100px; /*top right bottom left*/
* 25px 50px 75px; /*top right-and-left bottom*/
* 25px 50px; /*top-and-bottom right-and-left*/
* 25px; /*all*/

So, maybe try different numbers here:

.article {
    padding: 10px 0 0 0;/*top right bottom left*/
}

Or, you might try replacing the word ‘padding’ with ‘margin’ and see what you get.

If I change this at all

.article {
    padding: 0;
}

it just goes back to how it was

Issues can vary greatly from one theme to the next making some tweaks rather complex, so you might have to see whether your theme’s author might help there…
https://swelltheme.com/

Ah, I just remembered…

Maybe try adding !important:

.article {
    padding: 10px 0 0 0 !important;/*top right bottom left*/
}

hmm didn’t work either

how can I make this

.article {
    padding: 0;
}

only apply to the front page?