Limiting GRID Gallery Block to 1 row, 1 image

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. 

I think you can limit 1 row with CSS. Can you share link to page in screenshot?

On 5/10/2020 at 2:20 AM, tuanphan said:

I think you can limit 1 row with CSS. Can you share link to page in screenshot?

Please provide the css and WHERE to put it 🙂

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

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

worked perfect! thx