Jump to content

modify size of this black bar, full screen slideshow behind transparent toolbar

Go to solution Solved by tuanphan,

Recommended Posts

Hey y'all, hoping I catch our hero @tuanphan's gaze on this one.  

url is https://www.samrob.com

So I have some custom bits enabling this full bleed slideshow to live behind my transparent nav bar, however, whether I have captions enabled or not, I can't control the height of this black bar at the bottom.  It seems like overhang almost, exactly the height that my image is pushed up into the nav space.   I'd like the bar to be essentially 2 x the text height, just enough black around it to read the caption neatly.

Thanks in advance for anyone's help they can offer!  In return I offer friendship!

Here's everything I have in Custom CSS on the page right now:

.burger-box {
    display: none;
}
/* Nav one line */
.header-title-nav-wrapper {
    flex: 1 0 90%;
}
.header-layout-nav-center .header-nav {
    width: 100% !important;
    flex: 1 1 100%;
.homepage .header-announcement-bar-wrapper {
    background: transparent !important;
    position: absolute !important;
  }}
.page-section.gallery-section {
padding-top: 0px !important;
}
body{
       height:100%;
       background-size:cover;
      }
   html{
       height:100%;
       }


.homepage .header-announcement-bar-wrapper {
  background: transparent !important;}

Screen Shot 2023-01-04 at 1.45.32 PM.jpg

Edited by Shraaamp
Link to comment
  • Replies 2
  • Views 360
  • Created
  • Last Reply

Top Posters In This Topic

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.