View Full Version : SmugMug Gallery Style Customization
bernardv
Apr-14-2009, 12:55 PM
Is it possible to replace the thumbnails in the left panel with just their caption i.e. a text-only list rather than thumbs with no caption or description?
Gallery in question:http://merchandiseit.smugmug.com/gallery/6236119_6wZDn#393651620_Jzgeb
If not, can this be accomplished for a "Traditional" gallery style like this one?
http://merchandiseit.smugmug.com/gallery/6303310_ySbQy
In the Traditional gallery style, the description/caption is displayed. Can I hide the thumbs, and just display a text link to the photo?
Thanks for the great support!
bernardv
jfriend
Apr-15-2009, 04:42 PM
It cannot be done for the Smugmug style gallery because the captions are not present for the thumbnails. It can be done for traditional by just hiding the photos and then using CSS to change the formatting of the thumbs/captions to your liking.
bernardv
Apr-16-2009, 03:49 AM
It cannot be done for the Smugmug style gallery because the captions are not present for the thumbnails. It can be done for traditional by just hiding the photos and then using CSS to change the formatting of the thumbs/captions to your liking.
Thanks jfriend -- a few more questions if I may...
1. Because it's CSS code, am I correct to understand that it could be written as gallery or sub gallery specific code?
2. Can you recommend or point me towards someplace where I might find the recommended CSS code?
3. Is "hiding the photos" accomplished in the gallery customization area or does it require code in the control panel area?
Thanks again,
bernardv
jfriend
Apr-16-2009, 07:20 AM
Thanks jfriend -- a few more questions if I may...
1. Because it's CSS code, am I correct to understand that it could be written as gallery or sub gallery specific code?
2. Can you recommend or point me towards someplace where I might find the recommended CSS code?
3. Is "hiding the photos" accomplished in the gallery customization area or does it require code in the control panel area?
Thanks again,
bernardv
Bad news. It likely cannot be done with just CSS because only the images are links. You can't click on the captions. So, when you hide the images, then there is nothing left to click on. It would take some custom written javascript to change the page to make the captions clickable.
It is probably easier for you to make your own HTML gallery that does what you want.
Anything with CSS or javascript can be done in a gallery-specific fashion.
I've never seen this code done before, so I don't know any place to point you to.
You can see what that gallery could look like with this CSS, but there are no links:
.gallery_6303310 #traditional #photos .photo div {display:none;}
.gallery_6303310 #traditional #photos .photo .caption {display:block;}
.gallery_6303310 #traditional #photos .photo {display:block; float:none; width: auto; text-align:left; height:auto; margin: 10px 0;}
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.