Friday
Feb192010

« MOD: Hide Squarespace Gallery Title or Description »

Simple CSS to hide the gallery title or description text on the multi-gallery list view page.

Hide the Gallery Title:

.picture-gallery-list li .caption { display: none; }

Hide the Gallery Description:

.picture-gallery-list li .h3subtitle { display: none; }

Example: You can see this in action on this site we developed for my husband's architectural work: www.bleudesignbuild.com/selected-works. Here you can see that the gallery description text is hidden on the front/list-view page, but is visible on the gallery thumbnail page. For this design we styled the gallery description and positioned it to the right side of the page.

 

Reader Comments (3)

thank you for this awesome mod.... so clean!

07.15 | Unregistered Commenteralec arias

Hello,

Thanks so much for this. It worked perfectly in Safari and Firefox, but for some reason the descriptions are still appearing in Chrome on the multiple-gallery list view. Any ideas?

Thanks in advance!
Diana

06.10 | Unregistered CommenterDiana

Thanks for posting some examples on how to do it. This is a great help for me.

PostPost a New Comment

Enter your information below to add a new comment.

My response is on my own website »
Author Email (optional):
Author URL (optional):
Post:
 
Some HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>