Hi jpgmke, read through the following URL and let me know if that helps you.
Kind regards
Thread Starter
jpgmke
(@jpgmke)
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.
Thread Starter
jpgmke
(@jpgmke)
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.
Thread Starter
jpgmke
(@jpgmke)
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 http://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; }*/