Your photos on the Webflow "Flowers" page are uploading as landscape instead of portrait due to how Webflow interprets embedded EXIF data or the default aspect ratio settings in your CMS. Clients cannot manually rotate images within the Webflow CMS, but there are some workarounds.
1. Check EXIF Orientation Data
- Some images contain EXIF metadata that dictates their rotation. Webflow may not always respect this data.
- Solution: Open the image in an image editor (like Photoshop or Preview on Mac), manually rotate if necessary, and re-save it before uploading.
2. Resize and Rotate Before Uploading
- Webflow does not provide manual rotation tools within the CMS, so the easiest method is to ensure images are correctly oriented before upload.
- Steps:
- Use an image editor to rotate images as needed.
- Save them in the correct orientation.
- Upload them to the Webflow CMS.
3. Use CSS to Adjust Orientation (If Needed)
- If the images are consistently incorrect, you can apply CSS rotation to fix them:
- Go to Designer > Select the Image Element > Add a Custom Class.
- Use Transform → Rotate settings in the Style panel.
- If adjustments vary per image, manual fixes will be required before upload.
4. Enable Client Training
- Since clients cannot rotate images from the Webflow CMS, explain the issue and recommend they edit photos before uploading.
- Suggest free tools like Canva, Photoshop Express, or even the default Mac/Windows image preview tools for rotation.
Summary
Webflow does not automatically respect EXIF orientation data, and clients cannot rotate images within the CMS. The best solution is to edit and rotate images before uploading or use CSS rotation if necessary.