Peggy Hickey, Choreographer

Client: Peggy Hickey, Choreographer

Project Brief: Another long-term client, Peggy is a theater director and award-winning Broadway choreographer whose site has grown with her career. Peggy has choreographed for musical theaters and operas all over the world, including the Broadway hits, A Gentleman’s Guide to Love and Murder, Romy and Michelle’s High School Reunion, and Anastasia. The site showcases projects, choreography reel and press. Heartbreakingly, Peggy passed away in Jan 2023, but I keep the site up to honor her work and memory.

3518Note: 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)