Instructions
This page is meant to provide helpful tips on customizing some of the more advanced elements of this template.
How to customize the "Photo Wall" in the Home page background
The "Photo Wall" has been added as a single image so that it is easy for you to replace. I created the image as a collage of different photos by the artist. You can create a similar collage of your own work (using a software like Adobe, Figma, Canva, etc). Here are some guidelines to keep in mind when creating this collage:
- Use landscape orientation (minimum size: 1920px by 1280px)
- Aim for a loose collage or grid — overlapping or varied image sizes add character
- Export as WebP if the software allows it. Alternatively, export as JPEG and use Webflow's compression to convert it into WebP so it doesn't slow down your website
- Once the image is ready, head over to the "Photo Wall" element inside the "Fixed Photo Wall BG" section on the home page and head to the Background section in the Style panel to replace the current image
- PRO TIP: If you want a spotlight effect that is larger and more prominent, you can replace the "Mask" image with the "photo-mask-large" image already uploaded to the asset panel!
How to customize SVG icons
Icons are set up using SVGs (Scalable Vector Graphics) inside embeds. They are easy to use and customize (change color, size etc.) without losing quality.
- To change the color of an SVG icon, simply head over to the "Typography" section in the Style panel, and change the "Color" property.
- To change the size of an SVG icon, open the code embed and make your desired changes to the "height" and "width properties".
