Forums

Give help. Get help.

  • # December 13, 2017 at 1:26 pm

    Hi,

    Just starting to get into custom CSS and I am having a hard time making something happen on the site I’m putting together on Squarespace.

    Some of my photo descriptions can be lengthy. In the Gallery Grid Block the text is not scrollable. The top bleeds off of the frame upon hover and it cannot be seen. However with the Gallery block in slideshow option the text shows at the bottom and what does not fit can be scrolled up and down to read it.

    I am wishing to display my gallery as a grid, open the thumbnail in lightbox, and have the text be scrollable if it bleeds off of the edge of the frame.

    This seems like it should already be a thing for gallery grid blocks and this small option is turning me away from using Squarespace if I cannot find a way to make it happen. Is it possible?!

    Here are reference links:

    Gallery Grid Block (my desired way to present my gallery): https://tj-thorne.squarespace.com/look-far-new/ Gallery Slideshow Block (my desired way to have text scroll upon hover): https://tj-thorne.squarespace.com/stacked-gallery-block-test

    # December 14, 2017 at 12:38 am

    It is a little too much to investigate such a large site, but what I can tell is that the effect you desire, is handled by a hover class in CSS (changing opacity from 0 to 1), while the other one is achieved by toggling a class in javascript and therefore also handled by javascript events. So maybe you should find a way to do both the same way.

    # December 14, 2017 at 2:48 am

    thanks a lot for your information. i never heard of that.

    # December 14, 2017 at 2:50 am

    it is enlightening to know that. i cant believe i am completely in the dark for such a long time

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag