image with text, the text color cannot change under mobile view

[clementjaw001]

My image with text color cannot change color under mobile view, can anyone help. My current color is white, I want to change to black. The code of the image-with-text.liquid file has been modified before, so it is forced to display only white color text. 

[Acme]

Hi, @clementjaw001 
Could you please share your store url?

[clementjaw001]

URL: dtimelesscustomgift.com

[Acme]

@media screen and (max-width: 749px) {
  .so-homepage .section-template--{{section.id}} .image-with-text__text-item * {
      color: #fff !important;
   }
}
please remove this block in image-text.liquid and then use color scheme in setting.
Hope you are doing well.

[suyash1]

@clementjaw001  using css the color can be changed, can you please share the website link?

[clementjaw001]

Sure, url: dtimelesscustomgift.com
I enclosed the image to text code for your review.

[suyash1]

@clementjaw001 - which section? can you give screenshot of it?

[clementjaw001]

Image with text under menu, slider section. www.dtimelesscustomgift.com, home page.

[suyash1]

@clementjaw001 - I see it like this, you have added custom css already in css section, you need to make css fff as 000 so it becomes

@media screen and (max-width: 749px) {
    .so-homepage .section-template--18230638575866__bc896c5e-7dc0-4f00-8ebc-f071442f307e .image-with-text__text-item * {
        color: #000 !important;
    }
}

[clementjaw001]

Hi Suyash,

Can advise where can I change this css?

[suyash1]

@clementjaw001 - I think it will be in that particular section if you open it in customize settings, if you find it difficult then I can check it for you, I will need collab code to send request for collaboration

[clementjaw001]

It work, I manage to change the text for the content color to black. Wonder The "shop now" text can retain in white color? 

[Acme]

I think It's better to use color scheme for that. You can change color what you want.

[suyash1 · Accepted solution]

@clementjaw001 - add this css

.image-with-text .grid__item .button{color: #fff !important;}

[clementjaw001]

It work also! Really great. Wonder can you help me to check for another image with text also? 

Also on the front page, mobile view text color cannot change. I want the content text to change to white color for this section. The text color inside the button remain white.

[suyash1]

@clementjaw001 - this section also has custom css added to it, where it has css #000 color, make it #fff and check, same like previous section in customize settings

[clementjaw001]

I cannot find this section to change the text color to white, only manage to change the first image with text color to black, can you help me to change? Collab code is 3633. url : dtimeless.myshopify.com

[clementjaw001]

I only manage to find 1 set of code that control the image with text color, cannot find second set, so I change the set of code I found, it will affect the second image with text color also.