Options

Thumbnail titles disappearing in live view of gallery

hph3hph3 Registered Users Posts: 2 Beginner grinner
Hello, I've used some css customization to tailor my smugmug website per instructions found on these forums. Everything is working as desired except when some css customization is removed from a custom gallery in an effort to allow the titles to show under thumbnails. Screen capture of pertinent info is included so you can view settings/css/html being used.

I am trying to have the image title display under each thumbnail in selected custom galleries.

(I'm new around here so can't post images directly into the forum. URLs to screen shots I've uploaded to my site are included instead.)

Background info: In order to display a "buy" button under each thumbnail while using the collage landscape gallery style, the collage landscape settings have the "info style" set to under (any other setting does not keep the buy button always displayed). However, when using this "info style" setting, image titles and captions are also displayed along with the buy button. This causes the gallery thumbnail screen to be cluttered with titles and captions under each thumbnail image (I use pretty long titles/captions).

Screen shots of collage landscape gallery settings I am using (2 parts):
http://www.hurdimages.com/Forum-Post-Screenshots/n-B92vfp/i-cf8QhsB/A
http://www.hurdimages.com/Forum-Post-Screenshots/n-B92vfp/i-bnxN2kr/A

To keep the titles and captions from cluttering the gallery thumbnail page, a sitewide css customization is used to hide the titles and captions but allow the buy button to display under each image. Please note: this hide title/caption css is included in my general "all galleries" pages, but has been removed in the custom galleries in which I am trying to show the title.

Screen shot of sitewide css being used to hide title/caption under thumbnails:
http://www.hurdimages.com/Forum-Post-Screenshots/n-B92vfp/i-TCLkLqv/A

Unrelated to titles and captions, a site wide css customization is also used to tweak a couple of button appearances to my liking (I'm showing this so you can see all custom css in use on the site).

Screen shot of second sitewide css being used:
http://www.hurdimages.com/Forum-Post-Screenshots/n-B92vfp/i-mvSpN3f/A

In a few galleries (for family members), I am trying to allow the title to display under the thumbnails in gallery view. These galleries have been set to "make this gallery custom" on the "customize > content and design" screen. I have then removed the sitewide custom css used to hide titles and captions.

Screen shot of css being used in custom galleries:
http://www.hurdimages.com/Forum-Post-Screenshots/n-B92vfp/i-W7d4JFH/A

The only other custom information I am using in the gallery is some html at the top of the page with a link for family members to read about how to download images, etc.

Screen shot of custom html being used in custom galleries:
http://www.hurdimages.com/Forum-Post-Screenshots/n-B92vfp/i-v3cxqpZ/A

So, while in "customize > content and design" edit mode, you can see the titles correctly displaying under the thumbnail images. Notice the "overlay" is green indicating a custom gallery (ie not using "all gallery" customizations) and you can see "just this gallery" showing on the right.

Screen shot of edit mode:
http://www.hurdimages.com/Forum-Post-Screenshots/n-B92vfp/i-TZLpCM5/A

However, upon exiting edit mode and viewing the live site, the titles are no longer displayed.

Screen shot showing live mode:
http://www.hurdimages.com/Forum-Post-Screenshots/n-B92vfp/i-f56BHs6/A

I have triple checked to make sure the custom css used to remove titles and captions is not present as a custom css inserted into any of the parent folders above this gallery, so it shouldn't be "carrying down" to the gallery itself. The only place the remove title/caption css is in place on the entire site is within "all galleries" which haven't been selected out as custom galleries (or "just this gallery").

For completeness, here is a little more info. The title will show in the light box of images in this custom gallery.

Screen shot of light box:
http://www.hurdimages.com/Forum-Post-Screenshots/n-B92vfp/i-FzDMhLc/A

And here is a screen shot of the appearance settings I am using in the custom gallery:
http://www.hurdimages.com/Forum-Post-Screenshots/n-B92vfp/i-wXZZ7Dm/A

Sorry about the massive amount of text in this post, but I have no way to directly post the screen shots for you to see. I just can't figure out why the titles will show while in edit mode, but disappear once the gallery is viewed in published/live mode. Thank you for any help, assistance and suggestions you have.

Howard

Comments

  • Options
    pilotdavepilotdave Registered Users Posts: 785 Major grins

    For the first part of your post regarding the buy button, I'd suggest not bothering to show it under thumbnails. Random visitors to your site (or any site) are very unlikely to buy anything. But they're especially unlikely to buy something just from a thumbnail. I'd suggest making your images and site look their best, and not cluttered with buy buttons all over. If someone wants to make a purchase, they'll figure out how. And more likely from the lightbox view where they're seeing the image at its best.

    Dave

  • Options
    hph3hph3 Registered Users Posts: 2 Beginner grinner
    Agreed. I took a look at galleries with and without the buy button under each image and you are correct, the buy buttons everywhere are very distracting. I reverted to having the "info style" in collage landscape galleries set to off to keep the gallery display clean.

    On a side note, in case anyone else comes across this thread later with a similar problem: I went into the "all galleries" customization page and removed the css which was hiding titles and captions. Upon doing this, the titles and captions would show in custom galleries (ie "just this gallery") if I turned on info display there. So despite the custom galleries being separated from the "all galleries" settings, apparently the css was carrying down to these custom settings galleries even though the css had been completely removed from the individual gallery customization.
  • Options
    denisegoldbergdenisegoldberg Administrators Posts: 14,237 moderator
    edited February 22, 2017

    @hph3 said:
    On a side note, in case anyone else comes across this thread later with a similar problem: I went into the "all galleries" customization page and removed the css which was hiding titles and captions. Upon doing this, the titles and captions would show in custom galleries (ie "just this gallery") if I turned on info display there. So despite the custom galleries being separated from the "all galleries" settings, apparently the css was carrying down to these custom settings galleries even though the css had been completely removed from the individual gallery customization.

    As far as I know the CSS in all galleries applies to all galleries, even those that have additional "just this gallery" CSS. The "just this gallery" CSS applies only to the specified gallery, but the "all galleries" flows to all.

  • Options
    AllenAllen Registered Users Posts: 10,011 Major grins
    edited February 22, 2017

    The "just this gallery" CSS is used to override any general CSS and to add specific CSS.

    I think when you create a "just this gallery" CSS block it automatically includes "all galleries" CSS from "above". Deleting it doesn't seem to affect anything. You could probably just leave it in and make changes to it. BUT, it would then be difficult finding any changes in the duplicated "all galleries" CSS.

    Al - Just a volunteer here having fun
    My Website index | My Blog
Sign In or Register to comment.