Caption button for Wells Template like http://www.brentstirton.com/

Site URL: http://www.brentstirton.com/

Hi, 

I am working with a trial page of the wells template and am having issues with large captions. I saw Brent Stirton's page and saw his caption button layout, so i'm asking if anyone knows how to code for this. 

Thanks. 

Hi,

Can you share link to your site?

https://swordfish-llama-ncmk.squarespace.com/chattahoochee

Password: daniel

You mean scroll bar on caption?

Sure, that works. I would like mine to pop above the photo like this, but if scrolling on what I have right now is all that works thats fine.  

On 8/24/2021 at 5:14 PM, dcardelino said:

Sure, that works. I would like mine to pop above the photo like this, but if scrolling on what I have right now is all that works thats fine.  

Add to Design > Custom CSS

.collection-type-gallery.hide-meta .meta .slide {
    max-height: 90vh;
    max-height: -webkit-calc(100vh - 80px);
    max-height: calc(100vh - 80px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

What about if I would like to hide the caption on mobile? like make a dot or button to make it optional instead of under the picture?

On 9/21/2021 at 9:30 AM, dcardelino said:

What about if I would like to hide the caption on mobile? like make a dot or button to make it optional instead of under the picture?

 

To hide on mobile, try this code

@media screen and (max-width:640px) {
.collection-type-gallery.hide-meta .meta .slide {
    display: none !important;
}
}