PDA

View Full Version : How to hide photos in a gallery?


Lou Gonzalez
Aug-08-2007, 03:27 PM
Hello Folks,

I am fairly certain this is possible. I've looked and searched and just can't find the answer.

Go here 1st : http://steadfastdesigns.smugmug.com/Weddings_2007/359240

What I'd like to do is this... The bottom right gallery "Matthews - Slideshow" has a featured photo assigned to it (orange square with image and play icon). When you click on that you see a slideshow embedded into the web site, and below it is the feature photo. I want to hide that photo so people don't see it when they enter the gallery. But I still want it to visible at a gallery level - as shown in link above.

I thought there was a way to put code in that allowed you to hide the photos within a gallery. Something like : .gallery_xxxxxx .nophotos {display:none};

But for the life of me I can't find the code. Can someone help me please?

Allen
Aug-08-2007, 03:52 PM
Hello Folks,

I am fairly certain this is possible. I've looked and searched and just can't find the answer.

Go here 1st : http://steadfastdesigns.smugmug.com/Weddings_2007/359240

What I'd like to do is this... The bottom right gallery "Matthews - Slideshow" has a featured photo assigned to it (orange square with image and play icon). When you click on that you see a slideshow embedded into the web site, and below it is the feature photo. I want to hide that photo so people don't see it when they enter the gallery. But I still want it to visible at a gallery level - as shown in link above.

I thought there was a way to put code in that allowed you to hide the photos within a gallery. Something like : .gallery_xxxxxx .nophotos {display:none};

But for the life of me I can't find the code. Can someone help me please?
Change the gallery to journal style and add these to your CSS. Smugmug
style like you have will resize to small with browser stretch or lower res
screens.

.gallery_3269307 #breadcrumb,
.gallery_3269307 .journal_entry,
.gallery_3269307 #albumNav_top,
.gallery_3269307 #albumNav_bottom {display: none;}

This would remove to photo in smugmug style.
.gallery_3269307 #photos {display: none;}

Lou Gonzalez
Aug-08-2007, 04:04 PM
Change the gallery to journal style and add these to your CSS. Smugmug
style like you have will resize to small with browser stretch or lower res
screens.

.gallery_3269307 #breadcrumb,
.gallery_3269307 .journal_entry,
.gallery_3269307 #albumNav_top,
.gallery_3269307 #albumNav_bottom {display: none;}

This would remove to photo in smugmug style.
.gallery_3269307 #photos {display: none;}

That did it! Thank you very much!