Customizing captions

tkdally

Hi everyone, I have been working hard to get my site ready for migration to the new SmugMug and I think I'm almost done - phew! There are just a couple of things I need to resolve and I was hoping you might be able to help. To keep things simple I will post them in different threads.

It is default for the caption box to be filled with the filename unless an alternative filename is entered. When I export my images from Lightroom I rename them sequentially so that it becomes a serial number for my customers to use as a reference. I would therefore like the caption box to continue to contain the filename but I would like to prefix it with the text "Filename:". Is there are CSS customization I can use for this?

I would appreciate any guidance you could provide.

My website is www.alisondodd.co.uk although it's still in legacy mode.

Smug Eric

I think you'd need to add that to the caption itself. And if you are using lightroom it would be pretty easy to add it then resync your library and it will update those.

leftquark

You could use this:

/* Add the word "Filename: " before the caption */
.sm-tile-info .sm-inlineedit-node:before {
  content: "Filename: " !important;
}

tkdally

leftquark wrote: »

You could use this:

/* Add the word "Filename: " before the caption */
.sm-tile-info .sm-inlineedit-node:before {
  content: "Filename: " !important;
}

Thank you Leftquark but now I have it adding "Filename: " to the title also. Do you know how can I modify the CSS so it's for the caption only?

BEFORE:

AFTER:

leftquark

tkdally wrote: »

Thank you Leftquark but now I have it adding "Filename: " to the title also. Do you know how can I modify the CSS so it's for the caption only?

How about this:

/* Add the word "Filename" before the caption */ 
.sm-gallery .sm-tile-info [data-name=CaptionRaw]:before {
  content: "Filename: ";
  color: #FFFFFF; /* white, feel free to change or delete */
}

I made the text white, so it would differentiate from the filename. If you'd like it to be the same blue'ish color as the caption, just delete the "color" part.

tkdally

Thanks Leftquark - that did the trick!