Title/Description Opacity

Hi jpgmke, read through the following URL and let me know if that helps you.

Kind regards

Thanks for the reply, but no this doesn’t resolve my issue. I’ve created a custom style and tried the following code :

.slideshow_container .slideshow_description h2 a,
.slideshow_container .slideshow_description p a {
filter: alpha(opacity = 100); opacity: 1;}

This has no effect. I’ve also tried a number of variations in hopes of just adjusting the text opacity, but instead it also adjusts the description box (turning it black).

Hi you can increase the white a bit more by adding font-weight: bolder;

However you will loose the white color because of your background.

Thanks again, but this is not really what I’m trying to do. I want to actually change the opacity to 100% for the text-only.

You’ll need to utilize an CSS3 RBB background color for just the background as altering the opacity of the whole div effects all child elements.

Do something like this:

.slideshow_container .slideshow_transparent {background-color: rgba(0, 0, 0, .5); color: rgba(0, 0, 0, .5);}

That should do it.

Thanks redzephyr this was helpful. Some of their css is a little persistent so I wound up commenting out and then starting over (see below and at https://jpgrennier.com), but it finally worked!

/*.slideshow_container .slideshow_description h2 a,
.slideshow_container .slideshow_description p a { color: #fff; filter: alpha(opacity = 100); opacity: 1; }
.slideshow_container .slideshow_transparent { filter: alpha(opacity = 50); opacity: .5; }*/

.slideshow_transparent a {
color: rgba(255, 255, 255, .85); }

.slideshow_container .slideshow_transparent {
background-color: rgba(0, 0, 0, .3); }

/*.slideshow_container .slideshow_transparent:hover { filter: alpha(opacity = 80); opacity: 0.8; }*/