[Resolved] Video background height

[Norman]

Hi Tom and Leo,

I wanted to make the video height larger on larger screens. This is the CSS I used:

@media (min-width: 1281px) {
#homeheading div.generate-inside-page-header-content.page-header-content-container {
    padding-top: 30% !important;
    padding-bottom: 21% !important;
}
}

but it doesn’t seem to work, even if I use ‘!important’. The paddings are set on 17%.

Any ideas what I’m doing wrong?

Also, my Simple CSS jumps to the top when I save. For a couple of days after 1.1 it stayed on the same place, but this function ‘disappeared’ after a while.

[Tom]

Hi there,

Can you link me to the page possibly?

[Norman]

How could I forget: https://www.fairfieldcollege.nl

[Tom]

Try this:

@media (min-width: 1281px) {
    .home .page-header-content-container {
        padding-top: 30%;
        padding-bottom: 21%;
    }
}

[Norman]

Hmm it seems to be working on Safari, but not on Chrome. I’m testing it on a tv, because I don’t have a large screen at home.. Don’t know if that matters.

[Leo]

I’m not seeing Tom’s code being added. Can you try clearing the caching plugin?

[Norman]

It seems to work after clearing the caching 🙂 I thought it wasn’t necessary to do so if you add css.

Thanks !

[Leo]

No problem!

[Author]

Posts