JacquiChan 0 Posted September 11 (edited) I want the image Title & Description to appear below the slideshow (rather than overlapping the image). Has anyone done this in Brine? Temp URL is https://horse-blue-mllf.squarespace.com/landscapes pp: wyunabayartist I've had multiple attempts at adapting other people's code for this and no joy.I'm just learning CSS so would appreciate any advice. Edited September 11 by JacquiChan Initial Revision Share this post Link to post
1 tuanphan 6,115 Posted September 11 @JacquiChan /* Push description to under slide */ .collection-type-gallery.view-list .slide-meta.show { bottom: -130px; } /* Fix height issue */ .collection-type-gallery.view-list .sqs-gallery-design-stacked-slide img { top: 0 !important; height: 100% !important; } /* Remove overflow content */ .collection-type-gallery.view-list .slides-controls { overflow: visible !important; } .collection-type-gallery.view-list .slide.sqs-gallery-design-stacked-slide { overflow: visible !important; } Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID Squarespace 7.1 CSS List Share this post Link to post
1 tuanphan 6,115 Posted September 12 @JacquiChan These code for Alternative-gallery page. Add to Home > Design > Custom CSS. .collection-type-page .sqs-gallery-block-slideshow .meta { bottom: -90px !Important; } .collection-type-page .sqs-gallery-design-stacked-slide { overflow: visible !important; } Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID Squarespace 7.1 CSS List Share this post Link to post
1 tuanphan 6,115 Posted September 13 @JacquiChan I have just checked your page, and you have inserted the missing }. Please copy and paste the exact code I sent Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID Squarespace 7.1 CSS List Share this post Link to post
0 JacquiChan 0 Posted September 12 Thanks again @tuanphan. I'm wondering if you could also clarify how I'd adapt that if I go with a gallery block rather than gallery page: https://horse-blue-mllf.squarespace.com/alternative-galleryMy client thinks the gallery page slideshow is too wide, so I'm offering her this narrower version, but once again she wants the titles etc below. I had a poke around but wasn't sure how to target the gallery on this page. Share this post Link to post
0 JacquiChan 0 Posted September 12 Thanks again @tuanphan. I'm wondering if you could also clarify how I'd adapt that if I go with a gallery block rather than gallery page: https://horse-blue-mllf.squarespace.com/alternative-gallery My client thinks the gallery page slideshow is too wide, so I'm offering her this narrower version, but once again she wants the titles etc below. I had a poke around but wasn't sure how to target the gallery on this page. Share this post Link to post
0 JacquiChan 0 Posted September 13 Thank you @tuanphan. No luck with this CSS. I tried substituting different classes but still no change to the captions whatsoever. Below is the code I used to format the captions for the original gallery page. But I can't figure how to make this target these new Gallery Block pages instead. Any suggestions? Share this post Link to post
0 JacquiChan 0 Posted September 13 @tuanphan // Gallery Slideshow Captions Titles & Description//.sqs-gallery-block-slideshow .meta-title { font-size: 18px !important; font-style: italic; font-weight: 500; letter-spacing: 0.01em; text-indent: 20px;} .sqs-gallery-block-slideshow .meta-description p { font-size: 15px !important; color: white !important; font-weight: 400; padding-left: 20px ; padding-bottom: 10px; letter-spacing: 0.05em; } Share this post Link to post
I want the image Title & Description to appear below the slideshow (rather than overlapping the image). Has anyone done this in Brine?
Temp URL is https://horse-blue-mllf.squarespace.com/landscapes pp: wyunabayartist
I've had multiple attempts at adapting other people's code for this and no joy.I'm just learning CSS so would appreciate any advice.
Edited by JacquiChanInitial Revision
Share this post
Link to post