Increase size & make bold vendor name on product page

[Trivin]

Hello!

The vendor (brand) name on the product page is quite small. Could you please help me with the code increase the font size across mobile & desktop and also make it BOLD across all product pages. Below is one example - 

https://www.gemopticians.com/products/burberry-4291-3001-g-38

Thanks in advance!

[Guleria · Accepted solution]

Hello @Trivin ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your theme.css file and paste the following code at the bottom:

h2.ProductMeta__Vendor.Heading.u-h6 {
    font-size: 18px;
    font-weight: 800;
}

Thanks

[AK_Design_Dev]

Hello @Trivin 

.template-product .ProductMeta__Vendor {

       font-weight: 700;

       font-size: 16px;

}

[Trivin]

Hello @AK_Design_Dev 

I add this code to the theme.css file but I don't see any change on the product page. 

Request you to help! As mentioned, would like to increase the font size and also make it bold.

[AK_Design_Dev]

again add this 

.template-product .ProductMeta__Vendor {

       font-weight: 700;

       font-size: 16px;

}

[Trivin]

Have made this change. Are you able to see it?

I don't see any change on the product page.

[AK_Design_Dev · Accepted solution]

Yes, Why not

[Guleria · Accepted solution]

Hello @Trivin ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your theme.css file and paste the following code at the bottom:

h2.ProductMeta__Vendor.Heading.u-h6 {
    font-size: 18px;
    font-weight: 800;
}

Thanks

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App

Hi @Trivin  Please add code here to change font-size:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
 .ProductMeta__Vendor.Heading{
    font-size: 20px !important;
    font-weight: 700 !important;
}

</style>

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly