Change Product Name and Price Color on Homepage Debut Theme

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
559 124 183

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
559 124 183

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
559 124 183

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
1201 346 361

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!


➜ 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.

made4Uo
Shopify Partner
3840 716 1177

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

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?