Titles under thumbs -change opacity

charlesdaly

Dear Santa,
I've been reluctant to open a new thread for just one quick question but after scouring many posts (and all the usual suspects I cannot find how to reduce the opacity of the titles box in lightroom. I had no problem doing that in the Galleries page and although I read how to change the font color (and the new tweaks in Lamah's site) and font size but not the opacity. I'm using a white font color and need the background of the titles to be more dense than the default. I also would much rather that the titles not appear only on hover but be static. Any of my pages will illustrate, such as:
http://www.charlesdalyphotography.com/Photography/December-2013

For your kind response please accept my Christmas Card as a token, etc, etc
Thanks!

Hikin' Mike

Try this:

:root * > .sm-user-ui .sm-lightbox .sm-lightbox-panel, 
*:root * > .sm-user-ui .sm-lightbox .yui3-widget-hd .sm-lightbox-tools .sm-button, 
*:root * > .sm-user-ui .sm-lightbox .sm-lightbox-nav {
    opacity: 0.5 !important;
    }

Change the number to suit.

charlesdaly

Hikin' Mike wrote: »

Try this:

:root * > .sm-user-ui .sm-lightbox .sm-lightbox-panel, 
*:root * > .sm-user-ui .sm-lightbox .yui3-widget-hd .sm-lightbox-tools .sm-button, 
*:root * > .sm-user-ui .sm-lightbox .sm-lightbox-nav {
    opacity: 0.5 !important;
    }

Change the number to suit.

Thanks so much Mike. Trying that code I moved all the way up to 500 (from 0.5) and seeing little if any change. I think what I need is to make the box that holds the title to be more opaque.

Hikin' Mike

charlesdaly wrote: »

Thanks so much Mike. Trying that code I moved all the way up to 500 (from 0.5) and seeing little if any change. I think what I need is to make the box that holds the title to be more opaque.

It's 0.0 - 1.0.

http://www.w3schools.com/css/css_image_transparency.asp

krashedmykarch

lightbox titles opacity still no can find

Hikin' Mike wrote: »

It's 0.0 - 1.0.

http://www.w3schools.com/css/css_image_transparency.asp

Mike, thanks so much for your patience. The link to w3 school is excellent and using the 'try me' box worked perfectly with opacity at 0.5. Problem still exists that no matter where I place that code is doesn't work for me (no change) I found the css that affects the text color and I temporarily changed it and that worked perfectly. I then inserted the opacity line of code in that 'titles' code box but that had zero affect. I just cannot find where to place the code. Still searching.
Happy New Year!

Hikin' Mike

krashedmykarch wrote: »

Mike, thanks so much for your patience. The link to w3 school is excellent and using the 'try me' box worked perfectly with opacity at 0.5. Problem still exists that no matter where I place that code is doesn't work for me (no change) I found the css that affects the text color and I temporarily changed it and that worked perfectly. I then inserted the opacity line of code in that 'titles' code box but that had zero affect. I just cannot find where to place the code. Still searching.
Happy New Year!

Did you include the '!important' part?

Hikin' Mike

I just re-read this. You want the bottom title and background to show all of the time and the opacity of the background to be more solid?

.sm-user-ui .sm-tile-content > .sm-tile-info {
    opacity: 1 !important;
    background-color: #ccc !important;
    }

charlesdaly

Hikin' Mike wrote: »

I just re-read this. You want the bottom title and background to show all of the time and the opacity of the background to be more solid?

.sm-user-ui .sm-tile-content > .sm-tile-info {
    opacity: 1 !important;
    background-color: #ccc !important;
    }

Mike, thanks so much for your patience and knowledge. I finally discovered that I had several instances of the css I needed to change but in different places -now it's exactly what I said (thought) I wanted. Now, not so much although I was finally able to tweak the opacity.

Hikin' Mike

charlesdaly wrote: »

Mike, thanks so much for your patience and knowledge. I finally discovered that I had several instances of the css I needed to change but in different places -now it's exactly what I said (thought) I wanted. Now, not so much although I was finally able to tweak the opacity.

Glad it worked!