ThisWayToFabulous Posted March 29, 2022 Share Posted March 29, 2022 Site URL: https://tmha-new-site.squarespace.com/special-occasions password: tamara Ok so on this page i have the first gallery (personal) set to slideshow and it allows a hover to show the image title and the caption. Is there a way to do this for the second gallery on that page (business) which is a carousel style? Ideally the sizing would be just like the first gallery (image title a little larger than the caption) Also, if i could center this text that would be best. Link to comment
tuanphan Posted April 1, 2022 Share Posted April 1, 2022 Hi, You mean for Gallery Section Reel? Can you add some title first? Then we can test code easie 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
ThisWayToFabulous Posted April 4, 2022 Author Share Posted April 4, 2022 @tuanphan the first couple images in both gallery sections have data attached now. Link to comment
tuanphan Posted April 5, 2022 Share Posted April 5, 2022 13 hours ago, ThisWayToFabulous said: @tuanphan the first couple images in both gallery sections have data attached now. Have you enabled it yet? I don't see any title/caption 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
ThisWayToFabulous Posted April 5, 2022 Author Share Posted April 5, 2022 @tuanphan yes it is activated Link to comment
tuanphan Posted April 10, 2022 Share Posted April 10, 2022 On 4/6/2022 at 1:43 AM, ThisWayToFabulous said: @tuanphan yes it is activated Try adding this code to Page Header <style> figcaption.gallery-caption.gallery-caption-reel { position: absolute !important; top: 50%; margin: 0; left: 50%; transform: translate(-50%,-50%); height: 100%; display: flex; justify-content: center; align-items: center; color: white; } figcaption.gallery-caption.gallery-caption-reel>div { display: flex; align-items: center; justify-content: center; } </style> mbockmaster 1 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
jinlikegold Posted January 13 Share Posted January 13 On 4/10/2022 at 12:36 AM, tuanphan said: Try adding this code to Page Header <style> figcaption.gallery-caption.gallery-caption-reel { position: absolute !important; top: 50%; margin: 0; left: 50%; transform: translate(-50%,-50%); height: 100%; display: flex; justify-content: center; align-items: center; color: white; } figcaption.gallery-caption.gallery-caption-reel>div { display: flex; align-items: center; justify-content: center; } </style> Hi Tuan, is this possible to do on a 7.0 site with a gallery block set to carousel? This style by default will not allow displaying titles or subtitles of images, but I would really like it to. Thank you. Hey, I'm Jin (he/him). I'm a front end dev learning to make custom sites in Squarespace. If you find my suggestions helpful, please upvote & like!😺 Link to comment
tuanphan Posted January 15 Share Posted January 15 On 1/14/2023 at 1:51 AM, jinlikegold said: Hi Tuan, is this possible to do on a 7.0 site with a gallery block set to carousel? This style by default will not allow displaying titles or subtitles of images, but I would really like it to. Thank you. Can you share link to page where you use 7.0 carousel? We can take a look 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