How can i change vendor color i don't have /theme.css file

[Yasmeen12]

Hello i want to change my website vendor's name color to bold black, but i don't know how, and i can't find the /theme.css file i followed this: Theme, Edit Code, Assets . all i got here is theme.liquid 

my theme is: Entreprise 

website: www.asecondchance.online

[Moeed · Accepted solution]

Hey @Yasmeen12 

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 </body> tag

<style>
span.product-vendor a {
    font-weight: bolder !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[ZenoPageBuilder]

Hello @Yasmeen12 

For your theme, you can edit the file main.css

[Yasmeen12]

can u help me write the code? i want bold black color, and where should i put it in the top or bottom? thank u

[Moeed · Accepted solution]

Hey @Yasmeen12 

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 </body> tag

<style>
span.product-vendor a {
    font-weight: bolder !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Yasmeen12]

Hello, thank u it worked from the product page but i want to change it also from the outside when we list our product names i want to make the vendor name bold 

[Moeed]

Hey @Yasmeen12 

You can not make changes onto Shopify but if your vendor is appearing somewhere else on the website except product page then let me know.

Best Regards,

Moeed

[Yasmeen12]

i want to change to make the vendor name bold from here 

[Moeed]

Hey @Yasmeen12 

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 </body> tag

<style>
p.card__vendor.mb-1.text-sm.text-theme-light {
    font-weight: bolder !important;
    opacity: 1 !important;
    color: black !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[biznazz101 · Accepted solution]

Go to Customize Theme>Collection Page>Product Grid Section

Then in the Custom CSS settings try adding this:

.text-theme-light {
  color: red;
}

If that does not work try this:

.text-sm {
  font-size: .88em;
  color: red;
}

This should be the result:

I hope that helps!
@biznazz101

[Yasmeen12]

thankkk you best reply it worked

[biznazz101]

Happy to help! 😁