hunterleath Posted March 10, 2020 Share Posted March 10, 2020 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
inside_the_square Posted March 10, 2020 Share Posted March 10, 2020 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.