Project

High Park Living

The High Park Alhambra Church—now housing sanctuary lofts—contributes to Toronto’s urban context as a repurposed landmark

260 High Park

Client - Medallion Capital Group
Toronto, Canada

Finegold Alexander is currently designing new condominium units within a historic, neo-Gothic church building in High Park, one of Toronto’s most sought-after neighborhoods. In total there will be 15 Church Loft Residences offering luxurious amenities in a one-of-a-kind setting. The units are designed to retain as much of the existing building fabric as possible by taking full advantage of the large windows—which feature original stained glass—and the soaring interior spaces. The tops of the church towers will be converted to private, outdoor balcony spaces. At the street level, the fully restored church looks relatively unchanged, although it will house some of Toronto’s finest residences. (Renderings courtesy of the Medallion Capital Group)

Size
15 condominium units ranging from 800 to 3,000 square feet
Scope
Renovation, Adaptive Reuse
Program
Residential Condiminium Units
Sustainability
Awards
No items found.
In the news
Project EUI
No items found.
No items found.
No items found.

Webflow Before & After Images

Building an image comparison section in Webflow doesn't need to be difficult, and it shouldn't cost you time or money. Here's a simple solution, we built ontop of the awesome js work from @pehaa

Before & After Images

*Update January 2023
We made fixes to all mobile and safari browsers and you should no longer experience issues with those. Thanks!

Overview
Building an image comparison section in Webflow doesn't need to be difficult, and it shouldn't cost you time or money...

Here's a simple solution, we built ontop of the awesome js work from @pehaa.

We've tried to make this really accessible for all users, so what's important here is <Image Wrapper> and the two images inside of it, namely <Image One> and of course <Image Two>. We recommend you size your two images the same, although it will work regardless.

Use <Image Wrapper> to set your maximum width, and copy the code from page settings. That's it, when you publish the page the magic will happen.

Learn more about the sliders JS from @pehaa

View the guide on flowbase.co
Was it helpful? Please consider supporting us on socials, just tweeting @ us with a thanks helps more than you'll know 🤙