Jump to content

Limiting GRID Gallery Block to 1 row, 1 image

Recommended Posts

Using 7.0, Brine Family, BASIL Template

I am using a gallery block on one of my pages. I want to use the Grid Design and the Light Box feature. BUT I only want one image to show. I can limit the number of images per row but I can not seem to figure out how to limit the number of rows to one (1) so that only the first image in the gallery will show.

 

Once that image is clicked, I want the light box to open and users can scroll through the images like normal.

I can not provide access to the site but you can see in the screen shot that the gallery block to the right of the text goes deep/down the page because I can not limit the number of rows. 

 

Screen Shot 2020-05-08 at 2.42.41 PM.png

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

19 hours ago, wsmedia said:

Please provide the css and WHERE to put it 🙂

 

https://samhoustonbourbonwhiskey.com/release-no4-2020-csstesting

 

 

 

Add to Home > Design > Custom CSS

div#block-385d80f94cdb9a49ebe4 .slide:nth-child(n+2) {
    display: none;
}

 

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

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.