How To Override Slideshow Font Colour (Mobile) from Default White To Black In Dawn 5.0 Theme

[bundle_bee]

Hi all,

I was wondering if anyone could help that should seem so simple to change. How to override the Slideshow font colour when in mobile from the default white to black in Dawn 5.0 Theme?

As you can see below the white text needs to change to black and there is no option in the theme editor/settings. (It’s black on the desktop which looks perfect)

URL: https://www.bundles-online.com/ (I’m editing the new dawn 5.0 theme so the live one will be overridden soon)

Thanks in advance

Milo

[Akibhusen]

Hi @bundle_bee ,

I have checked and I don’t find any issue. let me know if you have an issue with this.

[bundle_bee]

I’m working on a new theme update so the site in the link is going to be overridden by the new dawn theme 5.0 where the issue is.

[Akibhusen]

Can you please share the link to the page where you have implemented this?

[bundle_bee]

Thanks! its this one - https://www.bundles-online.com/

[Akibhusen]

@bundle_bee ,

currently, it’s showing like this. lemme know if I am checking the wrong page.

[bundle_bee]

Hey @Akibhusen This is the correct page. I’m looking to put that text over that image. Currently the setting in the editor is to ‘Show content below images on mobile’ as when this is unchecked it changes the fext colour from black to white and looks like the image in my first post. I can’t figure out how to change to black. Images below

Thanks!

Milo

[Akibhusen]

HI @bundle_bee ,

Please add the below line of CSS code at the end of base.css file. it’ll work only for the mobile layout. Let me know if you are still facing the issue.

@media(max-width:767px){
body .slideshow__text-wrapper .banner__heading{color:#000;} 
body .slideshow__text-wrapper .banner__text{color:#000;}
}

[bundle_bee]

Hey @Akibhusen ,

Sadly this didn’t do anything, even when I changed the hex to back. any other ideas please?

Thanks

Milo