How do I center the vendor on my collections page?

Store Design
, , , , , ,

Topic summary

A Shopify store owner using the Debut theme needs help centering vendor names on their collections page and making the text bold.

Initial Solution:

  • Support provides CSS code to add to theme.liquid file (not theme.scss.liquid as initially suggested, since the user couldn’t locate it)
  • Code successfully centers vendor text and makes it bold when placed before the </head> tag

Additional Requirement:

  • User wants vendors displayed only on specific collections: “sound packs” and “featured tapes”
  • Should NOT display on “OP Cases” collection

Final Solution:

  • Conditional CSS code added using Liquid logic:
    • Shows vendors (centered, bold) on “sound-packs” and “featured-beat-tapes” collections
    • Hides vendors on all other collections
  • Code uses collection.handle to target specific pages

Resolution:
Issue fully resolved. User successfully implemented all customizations with step-by-step guidance, achieving the desired vendor display behavior across different collection pages.

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

Please update code and put it right above