Solved

Change Product Name and Price Color on Homepage Debut Theme

md249
Shopify Partner
53 1 11

Hello,

 

I'm using the debut theme and I need to change the color of my product name and price on the homepage. Here is a link to my site preview: 

 

https://8dk3dtko14xkkdw0-68119757090.shopifypreview.com

 

Thanks!

Accepted Solution (1)
MarinaPetrovic
Shopify Partner
552 124 180

This is an accepted solution.

Hi @md249 , you forgot exclamation mark, change it to this:

.product-card__title,
.price-item{
color: #421224!important;
}
M.Petrovic | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution

View solution in original post

Replies 7 (7)

MarinaPetrovic
Shopify Partner
552 124 180

Hi @md249 , go to edit code > assets > theme.css and add this:

.product-card__title,
.price-item{
color: red!important;
}

 

Instead of red write any colour you'd like. 🙂

M.Petrovic | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
md249
Shopify Partner
53 1 11

Thanks! @MarinaPetrovic 

This is the code I just added in, and it doesnt appear to have updated the color:

 

.product-card__title,
.price-item{
color: #421224 important;
}

MarinaPetrovic
Shopify Partner
552 124 180

This is an accepted solution.

Hi @md249 , you forgot exclamation mark, change it to this:

.product-card__title,
.price-item{
color: #421224!important;
}
M.Petrovic | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Jose53
Visitor
2 0 0

theme.css is nowhere to be found now in 2024 can you tell me how I can do the same but actually?

 

PageFly-Kate
Shopify Partner
1085 324 320

Hi @md249 

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

.product-card__title,
.price-item{
color: #421224 !important;
}

 Hope my answer will help you

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.

made4Uo
Shopify Partner
3805 713 1129

Hi @md249,

 

Please follow the instructions below to change the product cards in the home page

 

1. From your Admin page, go to Online store > Themes > click the 3 dots > Edit code

2. The code editor will open, go to Asset folder, and open the theme.css file

3. At the very bottom of your code, delete the following code below that causing some errors. 

.product-card__title,
.price-item{
color: #421224 important;
}

4. Replace this with the code below. NOTE: Minimize using !important as much as possible

.grid-view-item.product-card .price-item, .grid-view-item__title.product-card__title {
    color: red !important;
}

 

Hope this helps

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!

Jose53
Visitor
2 0 0

theme.css is nowhere to be found now in 2024 can you tell me how I can do the same but actually?