How do I specify the font style and size for the vendor name?

Store Design
1

Screen Shot 2021-06-02 at 7.22.29 PM.png
Screen Shot 2021-06-02 at 7.22.29 PM.png2036×718 99.7 KB

Shopify: www.dayoff.shop

1 Like
2

Hello @selinadg ,

Please Go to Online Store → Themes → Edit code → Assets → theme.scss.liquid and paste this code at the end of this file.

.product-card__title {
font-size: 18px; /* change number to change size */
font-weight: 700;
font-style: italic;
}
1 Like
3

@selinadg

I can’t see the vendor name with your products. Could you please tell me where should I check?

1 Like
4

@dmwwebartisan sorry removed them for a bit. They’re back now on the product page and shop page. Is there also a way to display vendors in the homepage?

1 Like
5

@selinadg

Please check in the customizer → Home page, the section which you added for the collection products. Please check its setting if it has an option to show vendor. If not then it needs customization of the home page section.

6

@dmwwebartisan would you be able to help me modify the font size and spacing between letters of the vendor?

For the homepage, I checked and I don’t see an option to show the vendor.

1 Like
7

@selinadg

Please add the following code at the bottom of your assets/theme.css file.

.template-collection .price__vendor{
font-size: 15px !important;
letter-spacing: 0px !important;
}

Hope this works.

Thanks!

1 Like
8

@dmwwebartisan thanks that worked! Could you also help me edit the vendor text for the product page?

1 Like
9

@selinadg

Add this code to the product page.

.template-product .price__vendor{
font-size: 15px !important;
letter-spacing: 0px !important;
}

Thanks!

1 Like