Archived topic

Video background height

7 replies · Started by Norman on October 9, 2017

Viewing posts 1–8 of 8

October 9, 2017 at 2:46 am #399807

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.

October 9, 2017 at 9:24 am #400073

Hi there,

Can you link me to the page possibly?

October 9, 2017 at 9:25 am #400076

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

October 9, 2017 at 9:43 am #400089

Try this:

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

October 9, 2017 at 9:49 am #400101

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.

October 9, 2017 at 1:48 pm #400253

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

October 10, 2017 at 2:37 am #400467

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

Thanks !

October 10, 2017 at 8:01 am #400689

No problem!

This archived topic is closed to new replies.

Start building better websites today.