It seems SmugMug has broken Nicholas's extension yet again!
Please log in to SmugMug
It looks like you are not currently logged in as the owner of this website. You must log in to your website to use this extension.
I'm definitely logged in and, just to be sure, I've logged out and back in again.
SmugMug - why do you keep doing this, particularly without any announcement.
You really can't blame SmugMug for this one, it broke because I relied on the exact way that their sourcecode was formatted, and today they've tidied that up!
I've now fixed the problem with the release of version 0.4.0.13.
Chrome will auto-update to that version after a few hours, but you can speed it up by updating manually. Click the Chrome main menu button, then Tools -> Extensions. Tick the "developer mode" tickbox at the top right, then click the "Update extensions now" button. You should see the version number next to the "Unofficial SmugMug extension for Chrome" tick over to 0.4.0.13 after a few minutes.
I echo your sentiments a thousand fold.
It's funny how important this thread has become:
When I see someone has posted to it, my heart flutters with, "uh-oh", until I see everything is okay.
Then when Nicholas says he made a mistake, I do back-flips of happiness.
I echo your sentiments a thousand fold.
It's funny how important this thread has become:
When I see someone has posted to it, my heart flutters with, "uh-oh", until I see everything is okay.
Then when Nicholas says he made a mistake, I do back-flips of happiness.
Yup, this has become an absolutely critical tool for me. I have no confidence smugmug is working on improvements to their built in tools so when this breaks, I get scared. I'm not sure how it's possible that Nicholas isn't on smugmug's payroll yet. My whole subscription fee should be going to him because without his extension, there's no way I'd still be with smugmug. And I doubt I'm alone.
Ihitchner, it sounds like you want to apply the same styling to all of your captions? In that case, you can achieve that by adding one global CSS content block in the customiser, instead of manually editing the HTML for each caption. The CSS would be something like this:
Thanks thenickdude. I figured I was modifying my caption style via brute force and assumed there must be a better way.
But, I am still confused about the CSS I should use, about the SmugMug selector names I should use, and exactly where to place the CSS block. I assume from your example that .sm-tile-info applies to the containers that hold each thumbnail photo and its caption on a gallery page, and that .sm-lightbox-info applies to the full screen display that appears after clicking on a thumbnail. Is that correct? I think SmugMug's extensive use of CSS classes is mind boggling. Using "Inspect Element" in my browser I examined their code and counted at least 20 nested CSS classes that enclose the HTML code for each thumbnail image (sm-tile?). I have no idea what styles are set in each of those classes because I have no idea where there is documentation for all their classes and in what order they are nested (could not find any ref. to documentation using an Internet search).
So, what I did was to put a CSS content block in "All Galleries" directly after the Breadcrumb block. Inside my CSS block I put your recommended HTML code (plus "text-align:center"). But, the result I got wasn't entirely what I hoped for. The captions in the tiles now are yellow, bold, and centered, but the font size is unchanged. On the other hand the captions in the lightboxes are now bold, centered, and the font size is changed, but they are not yellow.
Another puzzling result is that when I use my brute force method to edit every caption via your bulk editing tool and place HTML code in each individual caption, i.e.,
<center><b style="color:yellow;font-size:16px;">My caption.</b></center>
the captions in the lightboxes are centered, bold, yellow, size 16, and the text extends the full width of the screen. But, in galleries that I do not insert HTML directly into each caption the text only extends about 1/3 the width of the screen. And, when I remove the <center> ... </center> tags from a caption it is no longer centered (as expected), but then the text only extends about 1/3 across the screen (not as expected).
If you can add further explanation about SmugMug's use of CSS blocks and the classes that use them, and if you can point out any problems with my method described above, I would appreciate it. Also, do you know of any SmugMug docs that describe their CSS blocks and classes?
If you could post a link to the page it would help to see what you're seeing.
In this case is the "page" actually a gallery with photos?
What style is it in?
Reason I asked is it seems that the CSS class names might change for every style and page in cluding lightbox..
If you could post a link to the page it would help to see what you're seeing.
In this case is the "page" actually a gallery with photos?
What style is it in?
Reason I asked is it seems that the CSS class names might change for every style and page in cluding lightbox..
Here are links to my gallery pages. All of my gallery pages are in "Collage Portrait" style. I tried all of the SmugMug gallery styles and got the same results with each style.
http://lhitchner.smugmug.com/LocalHikes/RedBaldy2014/
In this gallery I also bulk edited every caption with the same <center><b ...> ... </b></center> tags,
except the 1st photo does not have any <center> .. </center> tags
Hey! I utilized this feature just so that when my images are pinned on pinterest the title and keywords come with it.. But NOW all of that is showing under my images in the collage gallery even though show files names is turned off! lol HELP?
Thanks, Allen. I did not use .sm-lightbox-caption and .sm-tile-caption because I did not know those CSS names existed because SM has soooo many CSS's and as far as I can tell they are not documented anywhere.
However, now that I have followed your suggestion I have ALMOST gotten the results I want, but not quite. The text-align:center; property DOES center the caption text under each tile. But for lightboxes the captions appear to be centered with respect to a width that appears to be only about 1/3 to 1/2 the width of the lightbox. But, when I place explicit HTML in a caption such as <center> ... </center> the caption is centered under a lightbox using almost the full screen width. So, it seems there must be some other property that controls the lightbox's caption width. I tried using width:100%, and that had no effect.
For comparison you can look at my photos in these galleries:
http://lhitchner.smugmug.com/LocalHikes/Pfeifferhorn2014/ -- these captions include no HTML and rely only upon properties in the CSS's. The captions are NOT CENTERED CORRECTLY under the lightboxes, but they have all the correct properties according to those set in the .sm-lightbox-caption CSS.
http://lhitchner.smugmug.com/LocalHikes/RedBaldy2014/ -- these captions include HTML <center> ... </center> tags. The captions ARE CENTERED CORRECTLY under the lightboxes but appear to have ignored all the properties set in the .sm-lightbox-caption CSS.
http://lhitchner.smugmug.com/LocalHikes/SilverForkHoneycombAug312014/ -- these captions include HTML <center><b style="color:yellow;font-size:16px;"> ... </b></center> tags. The captions ARE CENTERED CORRECTLY under the lightboxes, and they have all the correct properties as those set in the .sm-lightbox-caption CSS.
http://lhitchner.smugmug.com/LocalHikes/Pfeifferhorn2014/ -- these captions include no HTML and rely only upon properties in the CSS's. The captions are NOT CENTERED CORRECTLY under the lightboxes, but they have all the correct properties according to those set in the .sm-lightbox-caption CSS.
You can use this CSS to make the caption fill the width and properly center:
/* Make the captions wider and properly centered on the page */
.sm-lightbox-basic .sm-lightbox-ft-center .sm-lightbox-info>p {
max-width: none !important;
}
Update: I see the difference between the 3 galleries now. You should no longer need to put any HTML or CSS within your captions if you use the above CSS code with the ones you already have. Let me know if you have any problems.
You can use this CSS to make the caption fill the width and properly center:
/* Make the captions wider and properly centered on the page */
.sm-lightbox-basic .sm-lightbox-ft-center .sm-lightbox-info>p {
max-width: none !important;
}
Update: I see the difference between the 3 galleries now. You should no longer need to put any HTML or CSS within your captions if you use the above CSS code with the ones you already have. Let me know if you have any problems.
leftquark: Woo Hoo!!! Yipee, that worked great! Thank you very much.
When using the crop thumbnail tool it would be real nice if a thumb showed the current crop. Perhaps a "Ti" off in the corner.
Especially useful after some have previously been cropped so they can be skipped. Now you have to keep jumping in
and out of the gallery or use the Smug tool for singles.
I'll add a request for Nick here. In galleries where there are hidden photos, would it be possible to have those thumbs be tagged as such in the bulk editing tool? We could then more easily ignore adding titles, captions and keywords to those photos.
My Smugmug
"You miss 100% of the shots you don't take" - Wayne Gretzky
Comments
SmugMug - why do you keep doing this, particularly without any announcement.
My Website index | My Blog
I've now fixed the problem with the release of version 0.4.0.13.
Chrome will auto-update to that version after a few hours, but you can speed it up by updating manually. Click the Chrome main menu button, then Tools -> Extensions. Tick the "developer mode" tickbox at the top right, then click the "Update extensions now" button. You should see the version number next to the "Unofficial SmugMug extension for Chrome" tick over to 0.4.0.13 after a few minutes.
Please check out my gallery of customisations for the New SmugMug, more to come!
I echo your sentiments a thousand fold.
It's funny how important this thread has become:
When I see someone has posted to it, my heart flutters with, "uh-oh", until I see everything is okay.
Then when Nicholas says he made a mistake, I do back-flips of happiness.
Yup, this has become an absolutely critical tool for me. I have no confidence smugmug is working on improvements to their built in tools so when this breaks, I get scared. I'm not sure how it's possible that Nicholas isn't on smugmug's payroll yet. My whole subscription fee should be going to him because without his extension, there's no way I'd still be with smugmug. And I doubt I'm alone.
Dave
THANK YOU !
gspep.smugmug.com & steendorp.smugmug.com
FB: www.facebook.com/peter.perdaen - Youtube: www.youtube.com/user/1150GSPEP/videos
Smugmug, Please Buy This Code From Nicholas!":
Thanks thenickdude. I figured I was modifying my caption style via brute force and assumed there must be a better way.
But, I am still confused about the CSS I should use, about the SmugMug selector names I should use, and exactly where to place the CSS block. I assume from your example that .sm-tile-info applies to the containers that hold each thumbnail photo and its caption on a gallery page, and that .sm-lightbox-info applies to the full screen display that appears after clicking on a thumbnail. Is that correct? I think SmugMug's extensive use of CSS classes is mind boggling. Using "Inspect Element" in my browser I examined their code and counted at least 20 nested CSS classes that enclose the HTML code for each thumbnail image (sm-tile?). I have no idea what styles are set in each of those classes because I have no idea where there is documentation for all their classes and in what order they are nested (could not find any ref. to documentation using an Internet search).
So, what I did was to put a CSS content block in "All Galleries" directly after the Breadcrumb block. Inside my CSS block I put your recommended HTML code (plus "text-align:center"). But, the result I got wasn't entirely what I hoped for. The captions in the tiles now are yellow, bold, and centered, but the font size is unchanged. On the other hand the captions in the lightboxes are now bold, centered, and the font size is changed, but they are not yellow.
Another puzzling result is that when I use my brute force method to edit every caption via your bulk editing tool and place HTML code in each individual caption, i.e.,
<center><b style="color:yellow;font-size:16px;">My caption.</b></center>
the captions in the lightboxes are centered, bold, yellow, size 16, and the text extends the full width of the screen. But, in galleries that I do not insert HTML directly into each caption the text only extends about 1/3 the width of the screen. And, when I remove the <center> ... </center> tags from a caption it is no longer centered (as expected), but then the text only extends about 1/3 across the screen (not as expected).
If you can add further explanation about SmugMug's use of CSS blocks and the classes that use them, and if you can point out any problems with my method described above, I would appreciate it. Also, do you know of any SmugMug docs that describe their CSS blocks and classes?
In this case is the "page" actually a gallery with photos?
What style is it in?
Reason I asked is it seems that the CSS class names might change for every style and page in cluding lightbox..
My Website index | My Blog
Here are links to my gallery pages. All of my gallery pages are in "Collage Portrait" style. I tried all of the SmugMug gallery styles and got the same results with each style.
http://lhitchner.smugmug.com/LocalHikes/Pfeifferhorn2014/
In this gallery I bulk edited every caption and placed
<center><b style="color:yellow;font-size:16px"> ... </b></center>
around every caption's text
http://lhitchner.smugmug.com/LocalHikes/RedBaldy2014/
In this gallery I also bulk edited every caption with the same <center><b ...> ... </b></center> tags,
except the 1st photo does not have any <center> .. </center> tags
http://lhitchner.smugmug.com/LocalHikes/Albion-and-Mineral-Basins-Aug/
In this gallery I did not insert <center> or <b> tags in the caption text. The captions are just plain text.
All galleries are affected (I think, i.e., I hope) by my CSS block that I inserted in "All Galleries" (as suggested by thenickdude)
.sm-lightbox-info .sm-tile-info {
color:yellow !important;
font-size:16px;
font-weight:bold;
text-align:center;
}
.sm-lightbox-caption,
.sm-tile-caption {
color:yellow !important;
font-size:16px;
font-weight:bold;
text-align:center;
}
My Website index | My Blog
-Chare'e Marniece
http://www.facebook/cMarniecePhotography
.sm-tile-info { display: none; }
-Chare'e Marniece
http://www.facebook/cMarniecePhotography
This is awesome!
http://www.BestLittleStudio.com
Please check out my gallery of customisations for the New SmugMug, more to come!
"You miss 100% of the shots you don't take" - Wayne Gretzky
Thank you yet again, Nick.
http://www.lyall-photos.net/
Thanks, Allen. I did not use .sm-lightbox-caption and .sm-tile-caption because I did not know those CSS names existed because SM has soooo many CSS's and as far as I can tell they are not documented anywhere.
However, now that I have followed your suggestion I have ALMOST gotten the results I want, but not quite. The text-align:center; property DOES center the caption text under each tile. But for lightboxes the captions appear to be centered with respect to a width that appears to be only about 1/3 to 1/2 the width of the lightbox. But, when I place explicit HTML in a caption such as <center> ... </center> the caption is centered under a lightbox using almost the full screen width. So, it seems there must be some other property that controls the lightbox's caption width. I tried using width:100%, and that had no effect.
For comparison you can look at my photos in these galleries:
http://lhitchner.smugmug.com/LocalHikes/Pfeifferhorn2014/ -- these captions include no HTML and rely only upon properties in the CSS's. The captions are NOT CENTERED CORRECTLY under the lightboxes, but they have all the correct properties according to those set in the .sm-lightbox-caption CSS.
http://lhitchner.smugmug.com/LocalHikes/RedBaldy2014/ -- these captions include HTML <center> ... </center> tags. The captions ARE CENTERED CORRECTLY under the lightboxes but appear to have ignored all the properties set in the .sm-lightbox-caption CSS.
http://lhitchner.smugmug.com/LocalHikes/SilverForkHoneycombAug312014/ -- these captions include HTML <center><b style="color:yellow;font-size:16px;"> ... </b></center> tags. The captions ARE CENTERED CORRECTLY under the lightboxes, and they have all the correct properties as those set in the .sm-lightbox-caption CSS.
You can use this CSS to make the caption fill the width and properly center:
/* Make the captions wider and properly centered on the page */ .sm-lightbox-basic .sm-lightbox-ft-center .sm-lightbox-info>p { max-width: none !important; }Update: I see the difference between the 3 galleries now. You should no longer need to put any HTML or CSS within your captions if you use the above CSS code with the ones you already have. Let me know if you have any problems.
Former SmugMug Product Team
aaron AT aaronmphotography DOT com
Website: http://www.aaronmphotography.com
My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
leftquark: Woo Hoo!!! Yipee, that worked great! Thank you very much.
Especially useful after some have previously been cropped so they can be skipped. Now you have to keep jumping in
and out of the gallery or use the Smug tool for singles.
My Website index | My Blog
"You miss 100% of the shots you don't take" - Wayne Gretzky
http://redwoodtwig.com
Sony A7r4 with a selection of Rokinon Cine primes that I'm really enjoying learning how to use.
If you're sync'ing/publishing with LR/SM then any changes in SM should be sync'd down to LR.
Former SmugMug Product Team
aaron AT aaronmphotography DOT com
Website: http://www.aaronmphotography.com
My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
I thought it was only from LR to SM. I did a test and have started a new thread.
http://dgrin.com/showthread.php?p=1979047#post1979047
http://redwoodtwig.com
Sony A7r4 with a selection of Rokinon Cine primes that I'm really enjoying learning how to use.