How do i reduce the spacing between rows in collections in debut theme?

[Matt_Dubinsky]

trying to figure out how i can reduce the between row spacing for collections in debut theme

see image below

this is on my homepage located here: https://chelseasbeads.com/

[EBOOST]

Hi @Matt_Dubinsky ,

May I suggest to update code these steps:

1. Go to Store Online-> theme → edit code

2. Assets/theme.scss.css
3. Add code below to end of file

.collection-grid .collection-grid-item {
        margin-bottom: 0!important;
        padding-bottom: 0!important;
        line-height: 1;
        font-size: 0;
    }
    .collection-grid .collection-grid-item .collection-grid-item__link {
        position: static;
    }
    .collection-grid .collection-grid-item .ratio-container:after {
        padding-bottom: 100%!important;
    }
    .collection-grid .collection-grid-item .collection-grid-item__title {
        font-size: 26px;
        margin: 10px 0 20px;
    }
    @media only screen and (max-width: 749px){
       .collection-grid .collection-grid-item .collection-grid-item__title {
            font-size: 20px;
        } 
    }

[Matt_Dubinsky]

worked perfect!!!

thank you for taking the time to help me out I appreciate it