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

chrismd09
New Member
1 0 0

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:

Before.png

Desired format:

After.png

Thanks

 

Reply 1 (1)
ZestardTech
Shopify Expert
4343 749 1022

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing