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

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! 👍👍

Code queen and CSS behind InsideTheSquare.co

😃 Free CSS tutorials: insidethesquare.co/tutorials-for-squarespace
🥳 Free 7.1 training course: itssevenone.com/training
👍 CSS Cheat Sheet - codes for 7 & 7.1: insidethesquare.co/css
📚 CSS for Squarespace course: customcodeacademy.com

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.