Change the text color for one Promo Grid without affecting all other Promo Grids?

[MaxineMakes]

Hi,

I have multiple Promo Grids on my website and I just added another. The text for all of my Promo Grids is white because I usually add a pink-colored background image. On the one I just added I have a white background image which means the text isn't showing. Is it possible to change the text for just this one promo grid to color #5B4C3C without it affecting the white text on all of the other Promo Grids?

I want the text at the top of the page to be #5B4C3C and the others to keep their white text. 

The theme is Impulse. Here is the preview link as my shop isn't currently live

https://g9bhryks4nsuzbs2-61232349405.shopifypreview.com/pages/design

I hope someone is able to help me with this!

You can see in this photo it looks like there is no text because it is currently white. This is the text I'd like to change the color of.

I've highlighted the text to show that there is text here.

Here is another Promo Grid where I have white text that I want to keep white.

[Moeed · Accepted solution]

Hey @MaxineMakes 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.flex-grid__item.flex-grid__item--50.flex-grid__item--advanced_Emdt3F.type-advanced * {
    color: black !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[MaxineMakes]

Hi Moeed,

Thank you for the quick response! It works, except for the fact the font is black. Is there a way to make it the specific brown color I want?

[Moeed]

Hey @MaxineMakes 

From the code which I provided you, just simply replace the word "black" with any hex code of the color you want to show and it should be good to go then.

Best Regards,

Moeed

[MaxineMakes]

That worked great! Thank you so much!