Jump to content

How to add text block over full screen gallery slideshow

Recommended Posts

Hey, 

Password for my website - BS

I'm looking to add text onto the full screen homepage gallery slideshow you first see when you go onto my website. I basically want to add the phrase 'Scroll down for more' at the bottom of the gallery over the image so people can see it on all of the images. I've attached a screen shot below showing where I'd want the text. 

If anyone could help I'd really appreciate it, Thanks!

Screenshot 2024-03-13 at 11.00 copy.jpg

Link to comment
  • Replies 3
  • Views 908
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Can you send the link of the site?

👨‍🔧👨‍💻 Contact me for development work - I’m a Freelancer Software engineer, Architect, and Designer UI/UX

🙋‍♂️ Squarespace Custom Web Development & Design

📅 Manage Tasks, Take Notes, and Upload Related Images

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn

 

 

Link to comment

Add the below code in the page header code injection of the page 

.gallery-fullscreen-slideshow::after {
    content : "Scroll down for for more";
    position : absolute;
    bottom : 20px;
    left : 50%;
    z-index: 9;
    translate: -50% 0;
    font-size : 16px;
    color : #fff;
}

 

Screenshot 2024-03-14 at 16.27.55.png

Screenshot 2024-03-14 at 16.28.20.png

👨‍🔧👨‍💻 Contact me for development work - I’m a Freelancer Software engineer, Architect, and Designer UI/UX

🙋‍♂️ Squarespace Custom Web Development & Design

📅 Manage Tasks, Take Notes, and Upload Related Images

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn

 

 

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.