How to adjust line height for vendor names in two lines?

Topic summary

A user is experiencing a line height issue with vendor names that span two lines on their product cards, causing visual misalignment.

Proposed Solution:
A community member suggested adding custom CSS to the theme’s styles.css file:

  • Navigate to Shopify Admin → Edit theme code
  • Open styles.css
  • Add CSS targeting .product-card__info .vendor with line-height: 1.2;

Status:
The solution has been provided but not yet confirmed as implemented or tested. The discussion appears to be awaiting feedback on whether the CSS adjustment resolves the formatting issue.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.

Hi I need to fix the line height if the vendor name is 2 lines please see picture below. My site is https://b32b39-5.myshopify.com/collections/perfectshoeparker

Hello @Luxurymrkt :waving_hand:

In Shopify Admin, go to Edit theme code, open file styles.css and add this code at the bottom

.product-card__info .vendor {
    line-height: 1.2;
}

The result

Hope that helps!