Gallery and Lightbox appearance are suddenly changed

W.W. Webster

Some time in the past few days or perhaps week to two (who would know), unexpected changes have occurred in the appearance of my site.

First, image keywords have started appearing in this gallery, despite the following CSS suppressing them previously:

/* Supress image keywords */
.sm-tile-keywords {display: none;}

Second, the default depth of the title and caption information appearing under Lightbox images has reduced - for example, here. Previously the full title and first line of the caption was visible and this could be rolled up on mouseover. Now, the title still shows in full but only a smidgeon of the top of the first line of the caption can be seen. This looks dreadful.

I changed nothing on my site, so SmugMug must have changed something, but I saw no announcement of any changes. It is very disconcerting that SmugMug makes changes without any warning which have consequences (even if these are unintended). I shudder to think whatever appearance aberrations have been introduced to my site that I don't know about.

How can I correct these problems?

Teach

We added the following code to take care of the keywords.


.sm-lightbox-keywords{display:none;}
.sm-tile-keywords { display: none; }

As for the second issue with the title and caption information I am having our team take a closer look into that to see what is going on. Thank you for your patience.

W.W. Webster

Teach wrote: »

We added the following code to take care of the keywords ...

You added this to my site, Heather?

Teach wrote: »

As for the second issue with the title and caption information I am having our team take a closer look into that to see what is going on. Thank you for your patience.

Now the complete caption is not even rolling up. My visitors can see only the title and first line of the caption!

Teach

I have not heard back from the team yet about the title and caption yet and hope to soon. As for the keywords are you seeing that the code is hiding the keywords for you as you desired or are they still showing somewhere for you?

W.W. Webster

Teach wrote: »

I have not heard back from the team yet about the title and caption yet and hope to soon.

Thanks for the update and I hope you can keep prodding for an answer. It's a real bugger that visitors to my blog can't see the substantive caption. I'm stuck. I've changed nothing but now I'm in your hands.

Teach wrote: »

As for the keywords are you seeing that the code is hiding the keywords for you as you desired or are they still showing somewhere for you?

That appears to be working fine now, thanks.

Jtring

I took a look at your site. As just another user, I can't see a much as a SM hero could, but I did observe that you have this snippet of CSS in two places that is preventing the roll-up of the whole title/caption when mouse over it.

.sm-lightbox-basic .yui3-widget-ft .sm-lightbox-panel {
    max-height: 78px !important;
}

This is your custom CSS, not SmugMug standard CSS, but I can't tell where it lives. The two copies of this CSS rule could be in a theme and a CSS content block, or they could be in two different CSS content blocks somewhere. Those content blocks could be on a page or in the gallery template. For one, my Firefox inspector shows a nice aligned code like the block above. The whole content block contains 25 rules total. For the other, a block of 34 rules total, I see the offending rule as one of five rules strung together in one line:

.sm-page-widget-338443  .sm-page-widget-content{margin-bottom:24px;}[COLOR=Red].sm-lightbox-basic  .yui3-widget-ft  .sm-lightbox-panel{max-height:78px!important}[/COLOR].sm-lightbox-keywords{display:none}.sm-tile-keywords{display:none}.sm-user-ui  .sm-lightbox-caption{max-width:1000px!important}

Find and delete these, and you'll get the roll-up back. I hope this gives you some clues to work from. Unfortunately, you'll have to hunt these down yourself (or get SM help).

W.W. Webster

Jtring wrote: »

Find and delete these, and you'll get the roll-up back. I hope this gives you some clues to work from. Unfortunately, you'll have to hunt these down yourself (or get SM help).

Thanks for taking the trouble to look into this for me, Jim. I really appreciate it.

The first set of code exists in my "entire site" CSS mods, in fact it's the very first code there. It must have been given to me or published somewhere and included at the time of transition from my "old" to my "new" SmugMug site. I've now suppressed it, but this didn't fix the problem on its own, of course.

I can't find the second set of code in my CSS anywhere, and it's way beyond anything I could have concocted on my own. I have no idea why it should be there to limit the height of the rollup so severely. Does it appear to be directed at a specific gallery?

What beats me, though, is why the behaviour of my site should have spontaneously changed. I haven't touched my CSS in many months.

Heather aka "Teach", who has kindly taken a role in solving this for me, is apparently a Hero, so I'll hold back from contacting support myself at this stage. Hopefully Heather will pick up your comments and feed them into the technical deliberations she has set in train for me.

Thanks again, Jim.

Jtring

I did a little spot checking. It looks to me like your change fixed almost everything -- or at least everything I peeked at -- except the Photo Blog. If it says anything, the errant CSS rule is in the same block that generates the "See more" tag on the collage portrait thumbnail captions.

W.W. Webster

Jtring wrote: »

I did a little spot checking. It looks to me like your change fixed almost everything -- or at least everything I peeked at -- except the Photo Blog. If it says anything, the errant CSS rule is in the same block that generates the "See more" tag on the collage portrait thumbnail captions.

Thanks. I'll see if I can find it.

W.W. Webster

Jtring wrote: »

... the errant CSS rule is in the same block that generates the "See more" tag on the collage portrait thumbnail captions.

I found and removed it all (it was all in a single CSS content box - now completely suppressed), but the problem with my blog Lightbox captions remains!

Thanks anyway.

Jtring

Yes, somewhere on the Photo Blog page the max-height: 78px rule remains. I can still see a five rule block that contains it, but don't have much of a clue where, or even if there is one block or several that get put together when the page is sent out. I guess this all just points out the limitations of long-distance user-to-user CSS debugging. I hope one of the heroes, who can do more, can help you find it.

W.W. Webster

Jtring wrote: »

Yes, somewhere on the Photo Blog page the max-height: 78px rule remains.

Eureka! I finally found the little b*stard!

Thanks Jim.