Adding vendor to your products in collection pages and changing font of the text

[EdvinLeithe]

Hello,

I use the code {{product.vendor}} to show which item belongs to which brand on my collection pages. I would like to know how to change the font of the text and make it left alligned like the rest. If you see the images below you can see that Net-a-porter uses a black, bold text for the brands name while the product name is grey. How can i apply the same for my shop?

Thanks

Website: Amorabags.se

password: chawdo

[WaitWhatWeb]

You can change it using css, change “red” to your desired color

.vendor-name {
    color: red;
}
.product-block__title {
    color: red;
}

[EdvinLeithe]

Problem is fixed, please read this as solved.

[Moeed]

Hey @EdvinLeithe

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[DaisyVo]

Hi @EdvinLeithe

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

span.vendor-name {
    color: black;
    font-weight: bold;
    padding-left: 5px;
}
.product-block__title {
    color: grey !important;
}

Here is the result:

I hope this helps

Best,

Daisy