Aligning product title and price on the same row in collection (Supply Theme)

[chrismd09]

Hello,

URL: diggit-tools.myshopify.com
PW: diggit

I'd like to horizontally align the product title and price in the same row in a featured collection section on the home page.

Current format:

Desired format:

 

Thanks

 

[ZestardTech]

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.row-negative-bottom .product-grid-item {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}

.row-negative-bottom .product-grid-item .product-grid-image {
width: 100%;
}
.product-grid-item .product-item--price span {
display: block;
margin-bottom: 12px;
}

Screenshot :- https://prnt.sc/110gt4q