Slideshow Section - Subheading Text Opacity - Its too see through!

[Ryanp]

I have figured out how to change size, position but cannot figure out how to change the opacity of Subheading text to be solid color..  I prefer not to have any opacity at all on any of my subheadings. Right now I am running custom CSS in the section for font size with this code:

}

.banner__text.rte {
font-size: 20px;

}

[Dan-From-Ryviu · Accepted solution]

Add this code to Custom CSS of desktop image banner section 

.banner__text p {
color: #000;
}

And this code for mobile banner image section 

.banner__text p {
color: #fff;
}

[Dan-From-Ryviu]

Hi @Ryanp 

I'm Dan from Ryviu: Product Reviews & QA. 

Could you share your store URL to check? 

[Ryanp]

Hey Dan - thanks for offering to help. It's the slideshow above the footer. Devildaves.com. I'm also hiding for Desktop and Mobile with custom CSS. So I might need codes for both. Section wise..

[Dan-From-Ryviu · Accepted solution]

Add this code to Custom CSS of desktop image banner section 

.banner__text p {
color: #000;
}

And this code for mobile banner image section 

.banner__text p {
color: #fff;
}

[Ryanp · Accepted solution]

Thanks Dan. Worked for desktop block but for Mobile I had to use:

.slideshow__text-mobile--left p {

  color: #fff;

}

@media (min-width: 768px) {

  slideshow-component {

    display: none;

  }

}