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
175 60 53

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.

View solution in original post

Replies 3 (3)

PageFly-Amelia
Trailblazer
150 49 58

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!


PageFly - #1 Page Builder for Shopify merchants.


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


Optimize your store’s mobile shopping experience with the Blum theme.

Vinsinfo
Shopify Partner
175 60 53

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.