How can I change the text color of a specific featured list?

Technical Q&A
1

Hi! I’m using the dawn template, and my website is commondose.mx

I want to keep the color of the background, but i want to change the text color to a lighter one #e8e3d1 to be exact, but just for this featured collection. I need all the text on this block to be the light one, but only this block.

Screen Shot 2022-09-08 at 20.21.07.png
Screen Shot 2022-09-08 at 20.21.07.png2410×978 152 KB

1 Like
2

Hello @commondose ,

Use this css

#shopify-section-template--16439127310576__166267287680815206 .title.h0 {
    color: #e8e3d1;
}
#shopify-section-template--16439127310576__166267287680815206 .price{
  color: #e8e3d1;
} 
#shopify-section-template--16439127310576__166267287680815206  .full-unstyled-link{
color: #e8e3d1;
}
#shopify-section-template--16439127310576__166267287680815206 .button.button--secondary{
color: #e8e3d1;
}

Note: It’s better to use with dynamic class or with dynamic theme options.

Thnaks

3

@commondose

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
#shopify-section-template--16439127310576__166267287680815206 h2, #shopify-section-template--16439127310576__166267287680815206 a, #shopify-section-template--16439127310576__166267287680815206 span {
    color: #e8e3d1;
}
4

Hi! thank you so much but it didn’t work :disappointed_face:

5

Hi! i didn’t work :disappointed_face: