slachhman

i viewed the css using chrome dev tools and found this:

.foogallery-album-gallery-list {
list-style: none !important;
padding: 0 !important;
}

.foogallery-album-gallery-list .foogallery-pile {
position: relative;
z-index: 10;
float: left;
margin: 10px 15px 15px 10px !important;
}

/* Stacks creted by the use of generated content */
.foogallery-album-gallery-list .foogallery-pile:before,
.foogallery-album-gallery-list .foogallery-pile:after {
content: “”;
width: 100%;
height: 100%;
position: absolute;
border: 8px solid #888;
left: 0;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* 1st element in stack (behind image) */
.foogallery-album-gallery-list .foogallery-pile:before {
top: -3px; z-index: -10;
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
transform: rotate(2deg);
}
/* 2nd element in stack (behind image) */
.foogallery-album-gallery-list .foogallery-pile:after {
top: -2px; z-index: -20;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
transform: rotate(-2deg);
}

.foogallery-album-gallery-list .foogallery-pile .foogallery-pile-inner {
border: 8px solid #333;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
overflow: hidden;
line-height: 0;
}

.foogallery-album-gallery-list .foogallery-pile .foogallery-pile-inner a {
display: inline-block;
}

.foogallery-album-gallery-list .foogallery-pile img {
}

.foogallery-album-gallery-list .foogallery-pile h3 {
background: #FFF;
position: absolute;
display: block;
bottom: 0px;
padding: 5px 5px 0 5px;
width: 100%;
box-sizing: border-box;
margin: 0;
opacity: 0.6;
line-height: 1em;
}

.foogallery-album-gallery-list .foogallery-pile h3 span {
display: block;
font-size: 0.6em;
}

.foogallery-album-gallery-list .foogallery-pile a {
position: relative;
}

.foogallery-album-gallery-list.alignment-left {
text-align: left;
}

.foogallery-album-gallery-list.alignment-center {
text-align: center;
}

.foogallery-album-gallery-list.alignment-right {
text-align: right;
}

I’d like to change the URLs of the gallery themselves after clicking on them from within an album. I can’t seem to figure out how the link is being generated. i tried making a test album with the title “d1” because i’d like that specific gallery link to be “http://www.defunkt.co/photos/gallery/d1” instead of “http://www.defunkt.co/photos/gallery/defunkt-may-22nd-transco/”

any ideas on how to work around this?

Thank you! That custom CSS did the trick – I guess I misunderstood the album-gallery relations.