Change the color of the banner text on only one page

Hi Everyone

I'm trying to change the color of the banner text on only one page and don't know how to code this. I don't want to change the color on all pages, but the background on some isn't great with the text being navy. Any ideas?

The code will depend on what template you are using. Could you please provide a link (and password if needed) to the site?

@christyprice

I'm using Bedford's template. Our site is Brainsandbrawnllc.com

Thanks!

This will do it for the homepage. If it's another page, you'll just change out the collection-id. I use this plugin on Chrome to easily find the collection-id for pages. Also, this changes the text color to white, so just put in whatever hex code you want for the color.

  #collection-5c5de1ba8165f5649389f9ce .desc-wrapper p>strong, .desc-wrapper p {
   color: #ffffff;
   }

Code goes in Design > Custom CSS

This will work! The collection-id is basically the body id, which change for every page. You can find it using the inspect element tool of your browser

Hmm still can't get it to work. When I do this, it just appears at the top of the screen as a header. Am I missing something? Very new to CSS coding....

@MarkWilson add to Home > Design > Custom CSS

body#collection-5c5de1ba8165f5649389f9ce .banner-thumbnail-wrapper.has-description p strong {
   color: #fff;
}

@MarkWilson add to Home > Design > Custom CSS

body#collection-5c5de1ba8165f5649389f9ce .banner-thumbnail-wrapper.has-description p strong {
   color: #fff;
}