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 Archetype Impulse. Here is the link to the page. Custom
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.
Thank you, but that only works to change the color for “learn how the custom process works” text, but doesn’t include the text color change for the “interested in creating a custom piece?” text.
Yeah, you’ll need to add some custom CSS targeting just that specific section. Each section in Shopify themes usually has a unique ID or you can add a custom class to it in the theme editor. Are you comfortable adding a bit of CSS in your theme customizer or would you rather have someone walk you through finding that section ID first?
That’s the benefit of the “Custom CSS” setting on the section that you do not need to target specific section.
The code is pre-processed to apply to this particular section only automatically.
One’d need to find a selector for the particular element, but then it’s scoped to this section automatically.
