Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


hunterleath

Question

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 post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

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. 

1 answer to this question

Recommended Posts

  • 1

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 post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...