Change height of background video section on 7.0

Hi, 

My client is using 7.0 version, and I have a background image on this section, screenshot attached for reference. She wants me to resize this section so that more of the video is seen (it's currently cut off). 

Does any one know any CSS to fix this, that works with 7.0 version?

She is on the personal plan.

Many thanks! 

Poppy

5 minutes ago, PoppyShotts said:

(it's currently cut off)

It's cut off because of the content (as you probably know already)

Can you share the website so I can have a look?

www.charlottebowdensoprano.com

You could try reducing that section height on mobile with CSS, see if this works for you:

@media only screen and (max-width:640px) {
  #review {
    .Index-page--has-image {
      min-height:32vh !important;
    }
  }
}

Thank you - unfortunately that is not allowing me to alter the height of the section still..

Try this instead:

#review {
  @media only screen and (max-width:640px) {
    .Index-page-content {
       min-height:32vh !important;
    }
  }
}

Sorry, I don't have very many 7.0 websites with the right template to test on any longer!