Transparent Header with Carousel Section for First Section

[tuanphan]

Suppose you have a page with First Section is Carousel Section/Slideshow Section/Fullwidth Image. You want to make Header Transparent. You can follow these

#1. First, use Squarespace ID Finder tool to find Page ID.
In my example, we will have: #collection-6673f2adc8fa10164075f71b

#2. Use this code to Custom CSS

#collection-6673f2adc8fa10164075f71b {
  article>section:first-child {
    padding-top: 0px !important;
  }
  header#header, .header-background-solid {
    background-color: transparent !important;
  }
}