Make Text White On Image Banner On Refresh Theme

[Justin34]

Hi all,

I am trying to make the text under the heading on my image banner white in color. It is right now a greyish color. Here is the code that was suggested to me last night. It is not making my text white though. My text is still a grey color.

@media screen and (min-width: 750px){
.banner__text .subtitle{color: #fff}

Any idea how I can make this text white?

My website is www.PennsylvaniaParks.org

Thanks!

[PageFly-Henry]

Hi @Justin34 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

.banner__text.rte.subtitle strong {

    color: white;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[Justin34]

That worked perfectly. The only issue I am having is on mobile, you cant see the text because i have the text under the image on mobile. And because the background is white, the text cant be seen. Is there a way around that? Thank you!

[PageFly-Henry]

You can try with this code: 

.banner__text.rte.subtitle strong {
color: black !important;
}

[Justin34]

Hi Henry. Thanks for all your help. That makes the text on desktop computers black.... what I need is text on desktop to be white and text on mobile devices to be black. Is that possible?