How can I change the color of specific text on my webpage?

Hi all,

HEEEEELLLPPP!

I apologise now as I’m a newbie and am winging my way through this using this forum, so I might not be using correct technical terms! :see_no_evil_monkey:

So after trawling these pages for hours last night, I managed to FINALLY edit the code on a theme to do what I wanted it to (change the background on a product page) and everything is pretty much looking how I want it to now. Most of the text is the colour I want however I’ve got random colours here, there and everywhere and I have no idea what they come under to change the colour of the text (if you’re understanding me, well done!).

I’ve attached a screen grab below:

The white text on the first pic doesn’t bother me that much (but would love to know how to change if I wanted to!)

The black text on the second image is driving me insane! I’ve searched high and low on here and tried any solution I thought it might be, with no success :weary_face:

I’d love the text to be the pink I’ve used (#C637A0) but at this rate, I’ll settle for white. Actually at this rate, I’m close to giving up! lol

Also, I have got a certain colour scheme set but it didn’t work hence resorting to editing the code.

If you got this far, thank you! :rofl:

Ps go easy with me on the answers, I’m running out of ideas on how to word questions to Google!

1 Like

Hey @Keli23

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

Hi @Keli23

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

https://4d7a90.myshopify.com/

1 Like

Its password protected.

Apologies! Told you I was bad at this! lol

password is: talits

1 Like

Thanks for the info, try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • 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:
product-info#ProductInfo-template--19813731631434__main *, form#FacetFiltersForm *, .card-information .price {
    color: #c637a0 !important;
}
1 Like

LEGEND!! Thank you so much!

1 Like

Just wondering, is there a way to apply this to all text on the website? I just went to my cart and to another page and the text is in black ?‍ :female_sign: I’d love to be able to figure it out myself but I’ve had enough after 24 hours of it lol

Check this one.

Same Instruction.

.cart__warnings *, cart-items.page-width.section-template--19813731402058__cart-items-padding *,div#shopify-section-template--19813731402058__cart-footer * {
    color: #c637a0;
}

And Save.

No worries, you are not the only one having this problem.

1 Like

Thank you!! I should have you on speed dial! :rofl:

1 Like