Jump to content

Adding a full bleed slideshow on homepage (including header)

Go to solution Solved by Ziggy,

Recommended Posts

Hey friends! 🙂

What is the best way to add a slideshow to the homepage opening? I need it to be the first thing you see when you go to the site. Full bleed and for it to also be the background for the header (navigation + logo etc).

I would provide the URL, but I've literally only started it today so it's just the template (Lusaka)

Thank you in advance.

Link to comment

If you add a gallery section at the top of the homepage and height set to L, that should get you what you want. You'll also want to set the header style to dynamic.

Slideshow: Full - A full-bleed slideshow that displays one image at a time

Let me know if that was helpful and how you get on.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
✨ Spark Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment
  • Solution

You just need this Custom CSS, replace the first bit with the section ID from your website:

section[data-section-id="639cd4110c46e15d382e602a"] {
  padding-top:0px !important; 
}

Find the section ID like this:

https://squarefortytwo.com/squarespace-guides/find-an-id-in-squarespace-71

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
✨ Spark Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment

Fantastic! Thanks for marking my post as the solution, if you can give a thumbs up too that would be brilliant!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
✨ Spark Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment
  • 4 months later...
On 4/29/2023 at 9:18 PM, Isaiahshomeservices said:

How exactly do you do this? I am having the same issue and am not familiar with coding or anything:)

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.