Jump to content

Placing Caption on bottom right of slideshow Gallery Images instead of on top of images

Recommended Posts

Site URL: https://www.wilsonhf.com

We're using the Pacific template and have a scrolling gallery slideshow on our homepage. I'd like to add image titles and captions for each image, but want them to be placed on the bottom right or left corner of each image instead of overlaying across the image. Does anyone know of a custom code that would do this? 

We don't want to use image grids, we want to keep the slideshow.

Thanks,

Hunter 

Link to comment
  • Replies 1
  • Views 648
  • Created
  • Last Reply

Hey @hunterleath - I have a code that should do the trick! Use this to scoot that container down to the bottom of the image, and adjust these percentages to get it aligned the way you want it to be. 

.slide-meta-content{top:90%!important; left:20%!important}

And if you want to align that text to the left instead of centered, we gotta update that percentage to something closer to this:

.slide-meta-content{top:90%!important; left:50%!important; text-align:left}

Anywho, give those a try and let me know how it goes! 👍👍

🤓 Creator of InsideTheSquare.co
SQUARESPACE CIRCLE LEADER SQUARESPACE EXPERT SQUARESPACE EMPLOYEE EDUCATOR CERTIFIED CUSTOM CODE EXPERT

🗺️ New to Squarespace? Get your free roadmap: insidethesquare.co/roadmap
🙋‍♀️ New to CSS? Learn the basics for free: insidethesquare.co/learn
️ Ready to go pro? Get my custom code collection: insidethesquare.co/css

 

BeccaHarpain.gif.236d6ddd88c7d637645b762799f501a8.gif

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.