How can I change the color slideshow font on mobile?

The mobile site has grey text for the slideshow on my homepage, where as the regular website has white text. I need to make the mobile slideshow text white so that it pops against the background. How can I do this? Please see below for a screenshot of the mobile site.

Try adding this code to the bottom of theme.css

.h1.mega-title.slideshow__title.slideshow__title--mobile {
  color: #fff
}
.mega-subtitle.slideshow__subtitle.slideshow__subtitle--mobile {
  color: #fff
}

Worked perfectly, thank you.

HI @Nick_Marketing I have a similar issue with mine too. Working on Dawn 5.0 Theme and I when I untick the “Show content below images on mobile” the text turns white and you cannot see the text over the image. How do you make this black?

I tried adding the code above into base.css and changed the hex code to #00000 but nothing changed. PLease can you help?

Thanks so much

Milo

@Nick_Marketing

Hello

I tried to use your solution but I couldn’t allocate theme.css (i use Taste theme).

Appreciate if you could help.

Store URL: https://ma-vie-food.myshopify.com/

Password: baubro

Thanks.