Change font size vendor name

Store Design

Topic summary

Goal: Make the vendor name on product pages display at 24px font size in a Shopify theme.

Proposed solutions:

  • Add a custom CSS snippet in theme.liquid before the tag (two replies suggest this, but the exact code isn’t shown in their posts).
  • Edit theme.css and add a rule targeting the vendor link only on product pages, e.g., selector scoped to .template-product … .product__vendor a with font-size set to 24px. One reply shows this approach and includes a result screenshot.

Context/notes:

  • The request is limited to product pages (scoping via the .template-product class prevents changes elsewhere).
  • Paths provided: Online Store → Themes → Edit code; files mentioned: theme.liquid (main layout) and theme.css (stylesheet).
  • A preview store link and images were shared; one image demonstrates the expected result.

Status:

  • Clear implementation guidance provided; no confirmation from the original poster yet, so resolution is pending.
Summarized with AI on December 21. AI used: gpt-5.
1

Hi,

I wanted to change the font size to 24px on vendor name on product page only my site is https://uvbrjmmk8cuwxque-84365082931.shopifypreview.com

45ECD06A-D021-4178-B1B2-B560ABCD7864.jpeg
45ECD06A-D021-4178-B1B2-B560ABCD7864.jpeg1170Ă—2532 156 KB

1 Like
2

Hi @Luxurymrkt ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

3

Hi @Luxurymrkt , kindly use the below code:

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

4

@Luxurymrkt Please follow below steps to change the font size for vendor name on product page.

  1. From admin go to “Online Store” → “Themes”.
  2. Click action button from the current theme and select “Edit code”.
  3. Go to “theme.css” file and paste the below code in the bottom of the file.
.template-product .main-product-section .product__details .product__vendor a {
    font-size: 24px;
}

Result will be like,

Vinsinfo_0-1724830425188.png
Vinsinfo_0-1724830425188.png201Ă—400 40.1 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.