Margaret55 Posted May 11, 2022 Share Posted May 11, 2022 Site URL: https://kistcreekcattle.squarespace.com Hi, I am trying to write css to put the slideshow caption over a slide image. I have been able to access the slide item in the slideshow and color the background of the caption text but I don't know how to put the caption text over the slideshow image. Can you help? Here is my css code: .gallery-slideshow-item-wrapper{opacity:0.4;} .gallery-caption-slideshow {background-color:rgba(0, 0, 0, 0.2)} Attached is a image of what I am trying to achieve. The sitewide password to my site is :#Cattle. The slideshow I am playing with is the first slideshow under Horses For Sale. The second slideshow is what I am trying to do using an inline image that has this functionality in squarespace 7.1. Thanks so much, Margaret Anemone 1 Link to comment
Solution creedon Posted May 11, 2022 Solution Share Posted May 11, 2022 Replace your .gallery-caption-slideshow ruleset with the following. .gallery-caption-slideshow { background-color : rgba( 0, 0, 0, 0.8 ); height : auto; margin-top : 0; padding : 0.5em; position : absolute; top : 50%; transform : translateY( -50% ); } This is for v7.1 and specific to the posters need. Let us know how it goes. Anemone 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Margaret55 Posted May 12, 2022 Author Share Posted May 12, 2022 Perfect! You are the best! I can tweak it from here. creedon and Anemone 1 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment