How to change color of Listing from Green to Black

[allie24]

Hi everyone!

I’m trying to change the color of the “Banana Paper Thinking of You Cards” title from Green to Black. I’ve been trying to figure out how to do this through the theme customization and had no luck. The theme we are using is Dawn! How can I fix this issue?

[ngthen]

Hi Alesa1,

Can you send me a link of your website?

[allie24]

Yes! https://www.2ndstorygoods.com/pages/wholesale

[Made4uo-Ribe]

Hi @allie24 ,

Try this one.

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
4. And Save.

.product__title h1 {
    color: black;
}

If this wont work, would you mind to share your URL website? with password if its protected. Thanks!

[ngthen]

What site you want to edit?

I just search that name and see the text is black already.

[allie24]

I want to edit the wholesale website!

[allie24]

Oh, the wholesale website is password protected I think you’re on the retail website!

[allie24]

https://wholesale.2ndstorygoods.com/

Can you see it now?

[Made4uo-Ribe]

Do you want to change the color for whole font of the website? Or only the product title? The code I provide is only for the whole product title.

[ngthen]

Go to Online Store → You can see 3 dots beside customize button, click on it → Edit code → search “section-main-product.css” → press Ctrl + F to find: “.product__title” → in this you add like this:
.product__title {
color: black;
}

[ngthen]

remember to save the file after you done!

[allie24]

Just the product title: “Banana Paper Thinking of you Cards (4 pack)”!

[allie24]

I will try this out! Thanks so much!

[allie24]

When I ctrl +f “”.product__title", no results were found for this in the code. Is there anywhere else I can put the code in the “section-main-product.css” section?

[allie24]

Nothing changed when I tried that code! The URL is https://wholesale.2ndstorygoods.com/

[ngthen]

you just search for product__title, please do not search “.product__title”, just search .product__title

[ngthen]

Ctrl + F and search: .product__title, in this curly braces {}, put color:black; in it. If it does not work, please screenshot that I can see what you put wrong or correct.

[Made4uo-Ribe]

Yeah, because that is just from demo store in Dawn. Try this one again.

.product__info-wrapper.grid__item h1 {
    color: black;
}

Result:

This will change the other Product titles also.

[allie24]

Ok! This code worked for the title! What code can I input to change all the text to black? So that all the listings on the wholesale website (2nd Story Goods, $USD amount, title, hope, celebration, etc.) show up in black across the whole website?

[Made4uo-Ribe]

That what im asking you one of my comment above , Yes we can do that if we can change all in black? Try this one.

body.gradient * {
    color: black;
}

Result: