Jump to content

Static text overlay on top of fullscreen slideshow

Go to solution Solved by Demetre,

Recommended Posts

Hello, I am trying to create a fullscreen slideshow (autoplay) that has a static text overlay on top that stays static still while the slideshow animates beneath it (ie: Not using captions). I have spent the past 2 days and multiple hours searching forums and watching videos and have still not been able to figure this out. Any help is greatly appreciated!

See this site for an example: https://www.benhorne.com/

Here is a link to the homepage with just the slideshow: https://www.rossihospitality.com/

Here is a link to the page with a static image and the style of text I would like to overlay on top of the slideshow: https://www.rossihospitality.com/title

 

 

CleanShot 2024-08-21 at 15.33.46@2x.png

Link to comment
  • Replies 2
  • Views 216
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • Solution
Posted (edited)

Unfortunately that isn't what I'm looking for. The demo and plugin in that example is changing on each slide as opposed to it being "static" on top and not animating with the slideshow as I defined in my initial problem. 

I have finally found another post where the person was trying to accomplish the same thing I was trying to achieve below.

In addition, this video from InsideTheSquare was very helpful, although some of the code needed to be updated as I found in the post below, the concept was the same and she provides a thoughtful and well articulated solution. Since I couldn't use the Code Injection due to my personal plan, I ended up using the CSS solution.

 

 

Edited by Demetre
Fixed line break.
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.