Best Of
Re: Upcoming Lightbox improvements (2019 edition)
Some of the issues folks have been raising can be addressed by CSS. I've been testing the code below, using the Stylus plugin to push the CSS onto the display in the organizer lightbox locally. The basic idea is to fiddle with colors, fonts, and spacing to emphasize the caption and de-emphasize everything else. The picture at the bottom shows the result. (By the way, the high shutter speed was needed because of wind.)
I'm not using titles. I agree they look really good, but until I can sort galleries on titles, they just don't work for me. My effective sorting key / title for many photos are the first few words of the caption, as is the case in this example. I'm not going repeat the same text in the title and caption just so I can sort. Attractive, yes. Functional, not yet.
This still requires a button click to show all the information. It agree it would be nice to have a switch to allow that panel to be on by default.
In the example, you'll see a margin. I've been posting pictures at up to 2440 high and 1320 wide so that on my QHD monitor I get a margin when showing the originals, with no loss of sharpness because of browser scaling. That, of course doesn't work for other size monitors. I certainly agree a little bit of margin is nice and would love to have switch to make it possible to turn it on for all size monitors. (I've expressed my opinions elsewhere on the evils of relying on browser scaling, but there not much new to be said on that one.)
/* In-process CSS mods for Lightbox-v2 exercised via the Stylus plugin.
Tested on Firefox and Chrome
James Ringland. Last update 5 August 2019 to clean up some of the comments
/* Turn off all bottom buttons -- title and buy button */
.sm-user-ui .sm-lightbox-v2-photo-buttons {
display:none;
}
/* Light grey on everything except the title and caption in the info sidebar that isn't already*/
.sm-user-ui .sm-lightbox-v2 .sm-lightbox-v2-sidebar .sm-imageinfo-value,
.sm-user-ui .sm-lightbox-v2 .sm-lightbox-v2-sidebar button,
.sm-user-ui .sm-lightbox-v2 .sm-lightbox-v2-sidebar h5{
color: #989ba2;
}
/*Caption adjustments, all to increase emphasis and focus on this section*/
.sm-user-ui .sm-lightbox-v2 .sm-image-metadata-caption {
color: white;
font-size: 18px;
line-height:1.33em;
}
/* Extra space above keywords, again adding focus on caption*/
.sm-user-ui .sm-lightbox-v2 .sm-image-metadata-keywords {
margin-top:48px;
}
/* Remove unnecessary keywords lable*/
.sm-user-ui .sm-lightbox-v2 .sm-image-metadata-keywords h5 {
display:none;
}
/*Remove the Show More [camera info] button. Restore when logged in.
It's too much information and too much clutter for general browsers, but I
occaisionally like to check some of it as the owner.*/
.sm-user-ui .sm-lightbox-v2 .sm-imageinfo-advanced-btn {
display:none;
}
.sm-user-loggedin .sm-lightbox-v2 .sm-imageinfo-advanced-btn {
display:inline-flex;
}
/* Narrow the spacing on the detailed image information, closer to what it was before the
most recent change. This removes the need for scrolling in most cases.*/
.sm-lightbox-v2-sidebar-content .sm-imageinfo-container .sm-imageinfo-label,
.sm-lightbox-v2-sidebar-content .sm-imageinfo-container .sm-imageinfo-value {
padding-bottom: 3px;
}
Jtring
Re: Organization used my photo without consent to make money. What to do?
MoonMan
You could also contact www.imagerights.com
For a fee, they should be able to collect for you, and more than likely whey will be able to get you much more than you could yourself. In my experience, well worth the small amount that they charge.
Tell them that I reffered you.
Brad Sharp
www.sharpfotos.com
bsharp
Re: A variety of images from my travels :)
A great set. I really like the 3rd image, nice work! my favorites are the New England images. It would be beneficial to number your images, to make it easier to comment on them.
Phil
Re: Forcing a Single Photo in Sidebar to Resize with Browser Window Size
Think I found it. Add display: block; here:
.homepage__image img {
max-width: 100%;
width: auto;
display: block;
}
Re: Forcing a Single Photo in Sidebar to Resize with Browser Window Size
Using a HTML/CSS block, add this to the HTML section:
<div class="homepage">
<div class="homepage__image"><img src="https://photos.smugmug.com/2019/KL-Randoms/n-RNrKGN/i-c4HqdWm/0/a0303d5d/X4/i-c4HqdWm-X4.jpg" alt="" /></div>
<div class="homepage__wrap">
<div class="homepage__content">
<h1>VIKTOR.35MM</h1>
<p>photographer</p>
<button><a href="/Images">View Photos</a></button>
</div>
<div class="homepage__social"><a href="https://instagram.com/viktor35mm/"><span class="sm-fonticon sm-fonticon-large sm-fonticon-Instagram2"></span></a></div>
</div>
</div>
Add this to the CSS section:
h1 {
font-size: 20px;
letter-spacing: .5em;
}
h1, p {padding: 0 0 1.5rem;}
.homepage,
.homepage__wrap,
.homepage__social {display: flex;}
.homepage__image img {
max-width: 100%;
width: auto;
}
.homepage__image,
.homepage__wrap {
width: 50%;
flex-direction: column;
}
.homepage__content {
padding: 1.5rem;
text-align: center;
margin: auto;
}
.homepage__content button {
padding: 0;
border: none;
background: none;
text-transform: uppercase;
}
.homepage__content button a {
padding: 1rem 2rem;
border: 2px solid;
background: white;
}
.homepage__content button a:hover {
background: rgba( 0, 0, 0, .1 );
}
.homepage__social {
padding: 1.5rem;
align-items: flex-end;
justify-content: center;
}
@media only screen and ( max-width: 800px ){
.homepage {display: inline;}
.homepage__image,
.homepage__wrap {width:100%;}
}
When the screen is less than 800px, it will put your content under your picture.
Re: Winter Water
Thanks Phil! Are you on island now??? Let's connect! Is your project over toward Ma'alaea side?
I'm currently not on the island. One of my project managers was just there last week. The current project we are involved with, is in the Maluaka area. We will be involved on another project starting sometime later this summer in Paia. I may be over then, for the installation of several large steel, radius stair systems. In the mean time, I'l continue to look forward to your images.
Phil
Re: Smart gallery maximum display size not applying
Smart galleries honor the size from the original gallery.
From the help page at https://help.smugmug.com/display-a-photo-in-multiple-galleries-ryaGgev1EBM:
Note: All photos that are collected into other galleries will honor the settings from the original gallery. This means if you've applied watermarks, custom pricing, limited the largest size, etc., these will apply to your photos no matter where they're displayed. If you want to block the sales of photos completely, be sure to set a pricelist with no items for sale and apply it to the original source gallery.
Re: Need of Help Salvaging a Landscape Shot
Content-aware fill in Photoshop will easily fix everything but the lower right corner. The problem there is that part of the tire above the snow line is gone and CA fill probably won't be very much help. I think the best option would be to crop the right edge so that you lose the part of the tire that's gone. There will still be some stuff that needs fixing in the snow, but that should be fairly easy to do with a clone stamp or healing brush. If you are dead-set against cropping, then you can either try to reconstruct the missing detail in the tire (tedious, but maybe doable), or you could try cloning in enough bushes to cover the missing tire pixels.
Richard
Re: A few photos from my New England 'Autumn Colors' trip.
2 is epic!
For number 1, if mine I would crop it just above the tree line.....it rocks then in my view.
For the last one, FG has too many distracting elements.....I would crop it just above that black rock at bottom right edge....then it becomes cool with a diagonal splitting image in half.
Cheers Brody!
Re: Show Us Your New SmugMug Customized Sites!
@PJPhoto said:
How does it look? I've been told the logo looks blurred so would be good to know if others feel the same...if it is blurred I'm not really sure what I'm doing wrong as the original png is very clear! (not that I'm bothered by the logo, it was only a 5 minute text job in photoshop!).
Yes, the logo does look a little blurry but not to an extent where it would be disturbing or otherwise would look bad. My guess is that it's because it has a transparent background, and those images have their issues.
As for your site design, I like it. It's clean, simple, logically structured and easy to navigate. Personally, I do not like to have the little house icon in the breadcrumb navigation displayed because the proportions to the text are way off, but that's just very subjective. Oh, and I also like your imagery work!
Cheers,
Can
