StirFry Seminars & Consulting

Client: StirFry Seminars & Consulting

Project Brief:

I’ve worked for Lee Mun Wah’s StirFry Seminars since about 2008, when I began designing their monthly print newsletters. After that I began on their website, and eventually completely overhauled it so they could offer online workshops and registrations, product purchases and downloads, a separate film streaming service (DiversityTrainingFilms.com)so they could offer their training films to a broader audience.

Currently, I maintain four related StirFry sites, create all their newsletters, social media graphics, and other marketing materials, as well as laying out and designing covers for four of Mun Wah’s books

  • Diversity Training Films website in 4 screen sizes
  • StirFry Seminars website in 4 screen sizes
  • Still from Lee Mun Wah's film If These Halls Could Talk
munwah headshot

“Allison Rolls is one the most creative graphic artists and website designers I have ever worked with. She works with you and for you. We have worked together for almost 25 years or more designing newsletters, our website, and ongoing marketing materials, both digital and in print. Her expertise has been instrumental in setting up our online workshop registration and payment system, our online company store, and our streaming films site, Allison combines the best of both worlds: technical acumen and creative innovation.”

Visit Site Back to Portfolio

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