Image Banner - Refresh Theme

[Justin34]

Hi all,

I am using the refresh theme. I needed to make the color of the text white. Someone suggested this code:

.banner__text.rte.subtitle strong {

color: white;

}

And that worked great for on my desktop. However, on mobile, the heading of the image banner cant be read very well. The heading is black. The rest of the text is white. On desktop, the heading and text of the image banner are white. How do I make the heading white on mobile? Very confused by this.

My website is www.PennsylvaniaParks.org

Thank you in advance

[Vinsinfo]

@Justin34 Please follow below steps to make the color of the text white in the banner. Let me know whether it is helpful for you.

1. From admin, go to “Online Store” → “Themes”.
2. Click “Customize” button from the current theme.
3. Click “Image Banner” and locate the “Custom CSS” field and paste the below code as like the below screenshot and save changes.

@media screen and (max-width: 749px) {
    .banner__heading {
        color: #fff !important;
    }
}

Now the Image banner text look like below image,

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

[Justin34]

Worked perfectly… Thank You!!