How can I change the text color in Craft theme without altering the heading color?

Store Design
, ,
1

Hello,

I would love to change my text color, but not for the entire store. I’d love to leave the Heading color as it is in my current settings, and only change the color of the text body/description to black #000000.

I’m using Craft Theme, and my store is https://the-modern-heritage.myshopify.com/

Thank you!

2

Hello @IrynaP

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.subtitle {
    color: #000000 !important;
}
3

Hi @IrynaP

This is BSS Commerce - Full-service eCommerce Agency. We’d love to suggest you this solution:

  1. From Shopify admin → Online store → Theme → Customize, then you select the Theme setting and choose the color for the text as follows:

view (63).png
view (63).png1920×1010 114 KB

Note, this will change the whole theme, so if you want to keep the header color, add the following code at the end of the base.css file:

.announcement-bar.color-inverse.gradient {
  background-color: rgb(89, 92, 67) !important;
}

.header__menu-item {
  color: rgba(89, 92, 67, .75) !important;
}

.header__icon {
  color: rgb(89, 92, 67) !important;
}

Good luck, if this solution helps you, please mark the solution, thanks!

4

Hi, thank you for the suggestion.

It worked for some text, but the text in my blogpost and pages still remained green and not black, so I’ll look for another solution.

5

Hi,

Hi, thank you!

I’ve tried the solution, however, the code didn’t work - the entire text remained black ( changed the text color in theme settings), while I wanted the headlines and background color to remain green.

Is there any other code I can try?

6

Hi @IrynaP

We misunderstood between keeping the color for the heading and the header so it was missing for the heading.

You add the following code at the end of the base.css file:

h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
  color: rgb(89, 92, 67) !important;
}

Hope this help you.

1 Like