7.1 Full Bleed Slideshows

I see that you can do full bleed slideshows in 7.1, but I can't make one that goes under the header. I can make the header transparent, but the slideshow won't go under it. Is there a way to make the slideshow full bleed under the header?

Also looking for a solution to this. I only need it for the hompage. 

Did either of you ever find an answer to this? @PatrickC @Josephmwood

I did this for over 10 members.. If you share link to your site, I can take a look ✌️

I would also really appreciate a solution for this, if anyone could help .  I currently have a slideshow below the header (header set to transparent).  This is my first time using SquareSpace 7.1.

9 hours ago, anthony_12345 said:

I would also really appreciate a solution for this, if anyone could help .  I currently have a slideshow below the header (header set to transparent).  This is my first time using SquareSpace 7.1.

If you share link to your site, we can check carefully

Thank you, tuanphan.  I have sent you the link and password via message.

5 hours ago, anthony_12345 said:

Thank you, tuanphan.  I have sent you the link and password via message.

Add to Home > Design > Custom CSS

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

9 hours ago, sterlingsilvercat said:

Is there a way to have a full bleed slideshow in 7.0?

If you share link to your site, we can check easier.

Hi @sterlingsilvercat. This depends on your template family. If you are on one of the Brine family templates, I have a walkthrough in this post:

How to Create Full Bleed Slideshows in Squarespace

Just scroll down until you get to the section on 7.0.

WIP on a CSS only solution to a Full bleed slideshow. Will share solution when it's ready 🙂

Anyway, I can get help to do this on my page here: https://activestatedesigns.squarespace.com/  Password: SiteTest

Thanks,

Lorne

Also, any reason why I don't see controls to flip through slideshow?  AKA, arrows and the dots on bottom?

Thanks,

Lorne

On 1/15/2021 at 12:06 AM, Lorne17 said:

Anyway, I can get help to do this on my page here: https://sunfish-chipmunk-tedr.squarespace.com/  Password: SiteTest

 

Thanks,

Lorne

It looks like you solved?

On 1/16/2021 at 1:50 AM, tuanphan said:

It looks like you solved?

Thanks for looking, unfortunately, this isn't resolved yet.  My slideshow still does not fall behind my top header navigation?  There's still a gap of color up there.  I want the logo and text ON TOP of my slideshow.  If I do a still image (not a slideshow) block. It works fine.

I wanted to follow up on this.  Can I get a slideshow/gallery to be behind the transparent header?

On 1/18/2021 at 12:08 AM, Lorne17 said:

Thanks for looking, unfortunately, this isn't resolved yet.  My slideshow still does not fall behind my top header navigation?  There's still a gap of color up there.  I want the logo and text ON TOP of my slideshow.  If I do a still image (not a slideshow) block. It works fine.

Hi. Sorry for the delay. Can you check url again? 

URL is this now: https://activestatedesigns.squarespace.com/

Password: SiteTest

The slider and gallery at the top of the home page is still not behind the transparent header?

On 1/24/2021 at 2:23 PM, Lorne17 said:

URL is this now: https://activestatedesigns.squarespace.com/

Password: SiteTest

 

The slider and gallery at the top of the home page is still not behind the transparent header?

Your site has expired. You can contact Squarespace Customer Care to extend trial (free)

On 1/31/2021 at 4:38 AM, tuanphan said:

Your site has expired. You can contact Squarespace Customer Care to extend trial (free)

Just got it extended!  Thanks for the tip.

Now back to the issue at hand.  How do I fix my slideshow on homepage to have the top navigation menu ON TOP of the slide show with transparent background?

Thanks,

Lorne

On 2/8/2021 at 10:37 AM, Lorne17 said:

Just got it extended!  Thanks for the tip.

 

Now back to the issue at hand.  How do I fix my slideshow on homepage to have the top navigation menu ON TOP of the slide show with transparent background?

Thanks,

Lorne

Add to Design > Custom CSS

body.homepage #page section:first-child {
    padding-top: 0 !important;
}

On 2/9/2021 at 1:26 AM, tuanphan said:

Add to Design > Custom CSS

body.homepage #page section:first-child {
    padding-top: 0 !important;
}

 

YES!  Thank you! That's exactly what I wanted...much obliged!

One follow-up, how do I get my menu text to be white?  I got my background transparent black, but text I cannot get to change to white?  Also, what class do I use to make the header shorter in height?

.header-announcement-bar-wrapper {
  background: #000; /* fallback color for old browsers */background: rgba(0, 0, 0, 0.2);
  color: #000;
  /*text-shadow: 1px 1px 1px #fff;*/
}

URL: https://activestatedesigns.squarespace.com/

Password: SiteTest

Thanks in advance, 
Lorne

7 hours ago, Lorne17 said:

One follow-up, how do I get my menu text to be white?  I got my background transparent black, but text I cannot get to change to white?  Also, what class do I use to make the header shorter in height?

.header-announcement-bar-wrapper {
  background: #000; /* fallback color for old browsers */background: rgba(0, 0, 0, 0.2);
  color: #000;
  /*text-shadow: 1px 1px 1px #fff;*/
}

URL: https://activestatedesigns.squarespace.com/

Password: SiteTest

 

Thanks in advance, 
Lorne

Add to Design > Custom CSS

/* header height */
.header-announcement-bar-wrapper {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
/* menu white */
body.homepage .header-nav-item a {
    color: white !important;
}

On 6/2/2020 at 4:32 PM, tuanphan said:

Add to Home > Design > Custom CSS

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

 

This worked for me! You have to have the page set as your homepage to get it to work. Then the images will do a full bleed in the header area with text on top. Thanks!