Impulse 7.3.2, Move Price Inline with Product Title?

[Ramenbroidery]

Hey y’all, tried everything but no matter what I code I put into my theme.css.liquid the price just won’t move inline. Would appreciate any help I can get. thanks!

here’s my website: ramenbroidery.com

[devcoders]

Hi @Ramenbroidery

In your Shopify Admin go to online store > themes > actions > edit code
Find Asset > base.css and paste this at the bottow of the file:

.grid-product__meta {
    display: flex;
    align-items: baseline;
    justify-content: space-around;
}

Home page

Collection page

[Ramenbroidery]

Wow thats actually perfect thank you for the quick response!! I didn’t think about applying it to the collection page, I was thinking more so for the product page though if thats possible? Also I’m unable to find base.css in my assets, this is all I see:

[Dan-From-Ryviu]

Please add this code to Custom CSS in Theme settings

.grid-product__content .grid-product__meta {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.grid-product__content .grid-product__meta .grid-product__price {
    margin-top: 0;
}

Result:

Best regards,
Dan from Ryviu: Product Reviews App

[devcoders]

Hi @Ramenbroidery

In your Shopify Admin go to online store > themes > actions > edit code
Find Asset > theme.css and paste this at the bottow of the file:

[WebDeskSolution]

Hello @Ramenbroidery

You don’t need to keep fighting the code inside theme.css.liquid. The easiest way to fix this is by adding the CSS through your Theme settings.

Option 1: Add via Custom CSS (Recommended)

Go to Theme settings → Custom CSS and paste this:

.grid-product__content .grid-product__meta {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.grid-product__content .grid-product__meta .grid-product__price {
  margin-top: 0;
}

Option 2: Add directly to the CSS file

If your theme doesn’t have a Custom CSS field:

1. Go to Shopify Admin → Online Store → Themes

2. Click Actions → Edit code

3. Open Assets → theme.css (or theme.css.liquid)

4. Paste the code at the bottom of the file

5. Save and refresh your storefront

This will force the product title and price to sit inline by converting the meta wrapper into a flex container and removing the default top margin on the price.

If it still doesn’t move, the theme may be overriding styles elsewhere—happy to help you track that down if needed.

Please hit Like and Mark it as a Solution if you find our reply helpful.