Title and Price on same line Collections Spotlight theme

[pgm1878]

Trying to get the Product and Price on the same line, with Title to left and Price to right, but can't get it quite right. website=mrs-tee.com

Currently my featured collection and collection list look like:

I would like it to look like:

[BrainStation23]

HI @pgm1878 

is that already happen

[pgm1878]

Only for items with short titles. Longer titles (especially ones that take up more than one row) are pushing the price to a new row.

[Anshul_arora · Accepted solution]

Hello @pgm1878 ,

I have reviewed your store link and shared screenshots.

Please add the below-mentioned CSS code to display the Product title (longer product name) and prices in the same row.

<style>

#shopify-section-template--19148305760567__product-grid .card__heading {
width: 80% !important;
}

</style>

Output =>

I hope the code helps you.

Please share if you have any queries.

Thank you.

[pgm1878]

Worked like a charm, thanks!