Software Developer

Add Border Around Sub-folders in Lazyest Gallery WordPress Plugin

Updated 4/1/2013. This no longer modifies the plugin core.

PURPOSE:
Add a border around folders ( sub-directories ) and label them “Album” to differentiate them from pictures in your Lazyest Gallery.

By default, the folders, or sub-directories, or sub-galleries, or whatever you want to call them, will not appear very different from the pictures in your gallery if you have them represented by a thumbnail image. I like my sub-galleries to stand out. I like to make it clear to my visitors that those are click-able folders with more pictures inside. Otherwise, they might just think it’s a single image and never click inside that album. 🙁

So, this will make your sub-folders stand out. This will add a border with the label “Album” around each sub-gallery.

My example matches the style and colors of the default WordPress theme: Twenty Twelve. You can edit the CSS to suit your colors.

.lg_gallery ul.lgf-list li.lgf-item {
	background-color: rgb(230, 230, 230) !important;
    background-image: -moz-linear-gradient(center top , rgb(244, 244, 244), rgb(230, 230, 230)) !important;
    border: 1px solid rgb(210, 210, 210);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 1px 2px rgba(64, 64, 64, 0.1);
	text-align:center;
	margin-bottom: 1.3rem;

}

.lg_gallery ul.lgf-list li.lgf-item:before {
  content: 'Album';
}

/* optional. get rid of that folder icon */

.dir_view .folder {
	display:none;
}

By

Questions and Comments are Welcome

Your email address will not be published. All comments will be moderated.

Please wrap code in "code" bracket tags like this:

[code]

YOUR CODE HERE 

[/code]