Jump to content

Shraaamp

Circle Member
  • Posts

    6
  • Joined

  • Last visited

Posts posted by Shraaamp

  1. 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

  2. 2 hours ago, creedon said:

    @Shraaamp

    The following custom CSS is causing the issue.

    a {
        border-bottom-style: none !important;
        text-decoration: none !important
    }

    The code removes all bottom borders from a tags which includes buttons.

    Thanks, Creedon!  From none to 5px makes it look back to normal without disrupting any other styling

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