parkin.trina Posted February 18, 2020 Share Posted February 18, 2020 Site URL: https://chrysalis-seal-w5b5.squarespace.com/ I'm building a site for a client. They really like how the reel style slide show looks so I'd like to be able to link each image with a specific portfolio page. My problem is, I'd like to be able to have the title (see here: https://share.getcloudapp.com/Apur1xd0) display on the image so the user knows the name of the portfolio it's bringing them to. It looks like the title is showing up as an alt tag in the code. Does anyone know of code that would display an alt tag on an image? I've seen some examples with javascript but I have no idea how to incorporate that into this particular template. Link to comment
clockyer Posted July 17, 2022 Share Posted July 17, 2022 Did you find an answer to this...as I'm also struggling with the same issue!? TIA Link to comment
tuanphan Posted July 18, 2022 Share Posted July 18, 2022 First, enable Gallery Reel Caption Next, add some image captions Add this code to Page Header <style> figcaption.gallery-caption.gallery-caption-reel { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; margin: 0 !important; opacity: 1 !important; visibility: visible !important; display: flex !important; align-items: center; justify-content: center; } .gallery-reel-item { user-select: initial !important; cursor: pointer; } </style> Result Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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