Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How can I enlarge the vendor name on my product page?

How can I enlarge the vendor name on my product page?

MIKESTORK
Shopify Partner
45 0 5

Hi,

 

I wanted to make the Vendor name on my product pages bigger for my Desktop

my site is https://sselects.com/products/fendi-gold-embossed-leather-fendilicious-phone-cover

4BD0901C-F777-4C38-B794-6164C365B0CA.jpeg

 

Replies 3 (3)

JohnE10
Shopify Partner
115 14 19

Hi,

 

Try this:

 

In your "Theme settings" (in the theme customizer), click Custom CSS and paste in this code snippet:

 

.product-info__block-list > .product-info__block-item:first-child .feature-badge p {
   font-size: 25px; 
}

Change the "25px" part to whatever number works best for you.

 

Hope that helps.

If my reply was helpful, Like and Accept. Or Buy Me a Beverage
App Development/Custom Modifications, Visit My Gig and let me how I can help
For help with your store speed optimization, Check Out My Other Gig
Feel free to email with any questions: ProjectCoder10@gmail.com

deepaksharma
Shopify Partner
449 63 99

hey @MIKESTORK 

 

.vendor.h6.link-faded {
    font-size: 25px!imporatnt;
}

 

use this code

Hopefully, it will help you. If yes then Please don't forget to hit Like and Mark it as the solution!

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com

websensepro
Shopify Partner
1288 145 166

Hi MIKESTORK,

To make the Vendor name bigger, you'll need to add custom CSS to your theme.

 

Here's a step-by-step guide:

 

1.  Access Your Shopify Admin

2.   Navigate to Theme Editor

3.  Edit Code

4.   Locate the Theme's CSS file(This file might be named something like  theme.css, style.css,base.css)

5. Add Custom CSS(add this CSS in base.css file in the bottom)

 

 

 

/* Increase font size of the vendor name on product pages */
.link-faded {
    font-size: 40px; /* Adjust the font size as needed */
}

 

 

 

Save Changes.

 

I hope this is helpful tovendor size.png you

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

Free Shopify Beginner Tutorial