Jump to content

Removing padding from top of Gallery Reel Section

Recommended Posts

Site URL: http://www.flight-kicks.com

Have researched on the forum many CSS solutions offered to remove the large space above my gallery reel.  I have code in already which I thought would handle it.  I'm a novice, so not sure why it is so stubborn!  Client wanted the slider very small (may change later) and I have changed the reel control icons and inset the reel.  I have the bottom spacing under the reel where I want it, but the top of the section has a large amount of space.  The gallery section starts just under the video block -- for reference.

 

Can anyone help? 

I've attached a copy of the page.  yes, i know the fonts and such are small -- client trying like the dickens to display too much info in too small a space, but I can work on that aspect!

Also, the second section is not "filled out", wanting to get the initial airport description (contained in 2 sections - 1 has the text, video and thumbnail images, the other is the gallery reel section).

Boy, do I miss the feature to add a gallery block to an existing section (I don't have access to the circle!).  

Page I'm on is www.flight-kicks.com/airport-destinations and requires a password to view.  Will provide if needed.

//*gallery section spacing*//
.gallery-reel[data-width="inset"] 
 {
.content-wrapper {
padding-top: 0vmax !important;
padding-bottom: 0vmax !important;
    }
   min-height: 100% !important;
}

//*set the gallery reel inset spacing and top and bottom global*//
.gallery-reel[data-width="inset"] 
{
  padding-left: 8em;
  padding-right: .5em;
}

.gallery-reel[data-width="inset"] 
{
    height: 12vh !important;

}
 

Screen Shot Destinations page .png

Edited by KJean
Link to comment
  • Replies 3
  • Views 401
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.