Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
JacquiChan

Brine: How to Position Captions under Slideshow Gallery

Question

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 JacquiChan
Initial Revision

Share this post


Link to post

7 answers to this question

Recommended Posts

  • 1

@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;
}


Share this post


Link to post
  • 1

@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;
}


Share this post


Link to post
  • 0

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

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

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

@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

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...