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: 

[data-section-id="60e4534485053e2e8634f482"]{
  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
  • Views 949
  • Created
  • Last Reply

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.