Wake the Dead
Client: Wake the Dead
Project Brief: The world’s only Celtic All-Star Grateful Dead Jam Band! This site was so much fun to do. I’d built a site for the band about a decade before which desperately needed an update; so when their fourth album, Deal, came out, we decided it was time. The album art was created by designer Sara Glaser, so I just riffed on her color palette and design elements. The brief was to update the look and feel of the site to match latest CD release branding. Added album and individual track downloads to store. The band wanted a simple calendar to keep the fans updated on their appearances, and also to sell album downloads as well as hard-copy CDs; we used WooCommerce to create a fantastic music store for the band.
3575Note: The placeholder image sizes provided are examples only. You can use images as tall as you like.
To adjust the height of the visible space, edit the max-height value in each section’s structure settings in the advanced tab.
The images are defined in the background settings of the style tab in each section. You need to add the same image to the static and hover states. The static state should have a background position of: Left 50%, Top 0%. The hover state should have a background position of: Left 50%, Top 100%.
You can adjust the speed of the scroll by adjusting the CSS in the Custom CSS box of the parent row.
.bb-scroll-screen-1 .kt-inside-inner-col {
transition: background-position 1s linear;
}
Adjust the 1s value above to control the time the image takes to return to its static state (on mouseout)
.bb-scroll-screen-1 .kt-inside-inner-col:hover {
transition: background-position 10s linear;
}
Adjust the 10s value above to control the speed the image scrolls on hover (on mouseover)