Jump to content

Remove Padding on top/bottom of Full Width Video Player?

Recommended Posts

Hi there!

I am working up a trial site (so not available right now) and I have set up some CSS code for a full-width video player. It looks and works great, but has a little bit of padding on the top and bottom - despite setting that to 0px. See below: 

  overflow-x: hidden !important;
  overflow-y: hidden !important;
  .content-wrapper  {
      padding: 0px !important;
      margin: 0px auto;
      display: contents;

#player {
  padding-bottom: 0px !important;
  padding-top: 0px !important;

It's an issue because the section below it is a different color so it stands out. And when I set the video section to that same color, it has the small line at the top.1987906514_ScreenShot2021-07-14at16_00_41.thumb.png.8187b1d1b26603c1d8cd58e1742fe39f.png

Any help is appreciated! Thanks!

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Hi. Can you share link to page where you added video? We can check easier.

If your site is trial/private, you can setup password & share url

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Update: I did not solve it after all! I'm not able to share the link at this time, but are these screenshots helpful? I think it has to do with the custom section height or Section Wrapper Controller. I've tried a lot of different ways but it never seems to work automatically so that there is no vertical spacing at all in that section.

Thanks very much again!

Screen Shot 2021-07-16 at 10.26.40.png

Screen Shot 2021-07-16 at 13.14.50.png

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.