At the end of this lesson, you’ll be able to:

• adapt a template to change the image ratio of a template depending on the type of crop you want.

📚 Resources

Please read these knowledge base articles:

• Nyla Templates
• Video

💻 Exercise

https://www.loom.com/share/8c1275446a874c808fbad9a7e01481e2?sid=ad5ca8fc-109e-4aba-8f79-27b0861094d8

1. Add Hero 011 again to the page unlink
2. Update the ratio of the image to 4:3 on desktop and 3:4 on mobile (or a ratio of your choosing depending on the image you want to use)
3. Save as a new template named Hero 011 - Training 2 and organize overrides into folders
4. Add Hero 006 again to the page and unlink
5. Change the ratio of the background to 16:9 on desktop and 2:3 on mobile
6. Save as a new template named Hero 006 - Training 2, organize overrides into folders
7. Save, queue and publish both new templates

At the end of this training you should have two section templates on your page. Hero 011 - Training 2 should have an image with a ratio of 4:3 on desktop and 3:4 on mobile on desktop and YY on mobile and Hero 006 - Training 2 should have a background image with a ratio of 16:9 on desktop and 2:3 on mobile.