Change vendor font color in Collections Card from 'light' to a color in Dawn with CSS

Solved

Change vendor font color in Collections Card from 'light' to a color in Dawn with CSS

minnow20
Tourist
9 1 0

Hello, 

Does anyone know how to: Change Vendor font in the collections card from 'light' to a color (ie) red ) in Dawn with CSS? 

I've just duplicated a 'vendor' box to create a custom  metafield in that spot. But regardless of 'vendor' or 'alternative location' metafield, I cannot find CSS to add on this collections product grid, collection card. Even if I wanted to check 'vendor', I would prefer it were RED instead of LIGHT text . 

Thank you! 

 

Screenshot 2024-03-31 at 6.31.06 PM.png

 

Accepted Solution (1)

Vinsinfo
Shopify Partner
468 160 162

This is an accepted solution.

@minnow20 Please follow below steps to change the vendor font color to red. Let me know whether it is helpful for you.

 
1. From admin, go to "Online Store" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Search "component-card.css" file and paste below code at the bottom of the file.

 

.product-card-wrapper .card__content .card-information .caption-with-letter-spacing.light {
    color: #FF0000 !important;
}

 

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 3 (3)

PageFly-Amelia
Shopify Partner
626 165 238

Hello @minnow20 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

Could you please share the URL of your page so I can help you check it?

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

Vinsinfo
Shopify Partner
468 160 162

This is an accepted solution.

@minnow20 Please follow below steps to change the vendor font color to red. Let me know whether it is helpful for you.

 
1. From admin, go to "Online Store" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Search "component-card.css" file and paste below code at the bottom of the file.

 

.product-card-wrapper .card__content .card-information .caption-with-letter-spacing.light {
    color: #FF0000 !important;
}

 

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support