Make Summary Grid Look Like Gallery Page in Maple (Brine)

Set max-width & adjust top for both codes.

@tuanphan Would you mind sharing the code you used here? When I tried to add a max-width, it just forced things off-center in a weird way. 

3 minutes ago, katescott said:

@tuanphan Would you mind sharing the code you used here? When I tried to add a max-width, it just forced things off-center in a weird way. 

.summary-title-link {
    position: relative;
    top: -200px;
    left: 0%;
    max-width: 60% !important;
    margin: 0 auto !important;
    display: block;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding-top: 21px;
    padding-right: 21px;
    padding-left: 21px;
    z-index: 1;
    color: #393838;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: .28em;
    line-height: 2em;
    font-family: futura-pt;
    background: rgba(255,255,255,.8);
}
.sqs-block-summary-v2 .summary-excerpt {
    position: relative;
    top: -210px;
    max-width: 60%;
    margin: 0 auto;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 1;
    color: #393838;
    text-transform: lowercase;
    font-weight: 400;
    font-size: 16px;
    background: rgba(255,255,255,.8);
}

@tuanphan Thanks so much! Do you know if there's a way to center it vertically as well?

If you want to center vertically, use transform: translateY(-50%); with top: 50%;

Just thought, why not use position for summary-content, and remove code of title & excerpt

.summary-content.sqs-gallery-meta-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255,255,255,0.8);
}

and adjust some things, it will like this

@tuanphan Thank you!