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 701
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Can you send the link of the site?

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

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.