Troubleshoot and fix images that appear cropped

Uploaded July 2024 | Updated September 2026, 3 weeks ago

In this tutorial, you’ll learn how to troubleshoot and fix images that appear cropped when added to your design.

Discover how bounding box settings impact the aspect ratio of your images and how to display them the way you want.

—

Learn more about Wix Studio:
wix.com/studio
Get started with our Essentials course:
wix.to/gT8VY7c
Join the Wix Studio Community:
forum.wixstudio.com

Follow us on social media:
➔ Instagram: instagram.com/wixstudio
➔ X: twitter.com/wixstudio
➔ TikTok: tiktok.com/@wixstudio
➔ Facebook: facebook.com/WixStudio
➔ Discord: discord.com/invite/wixstudio

About Wix Studio:
Wix Studio is the website building platform for professional designers, developers, and marketers. With high-end design capabilities, streamlined workflows and robust business tools, it empowers freelancers and agencies to build, manage and scale exceptional websites with maximum efficiency.

Subscribe to our channel:
➔ youtube.com/@WixStudio?sub_confirmation=1

Troubleshoot and fix images that appear cropped | Wix Studio

Connect repeaters to CMS to easily display content | Wix Studio

Start creating with a visual sitemap and wireframe generator

Add visual depth with scroll fill reveal effect | Wix Studio

Link building course with Debbie Chew - Wix Studio

$Create an infinite testimonial marquee with a seamless loop | Wix Studio Infinite marquees are a polished way to display reviews and keep them scrolling for a modern and professional feel. In this tutorial, learn how to duplicate tracks to create a seamless loop and add a few lines of CSS to animate the track with a linear, infinite scroll. Here’s the code snippet: .marquee-track { animation: scroll 30s linear infinite; } @keyframes scroll { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } } — Learn more about Wix Studio: https://www.wix.com/studio Get started with our Essentials course: https://wix.to/gT8VY7c Join the Wix Studio Community: https://forum.wixstudio.com Follow us on social media: ➔ Instagram: https://www.instagram.com/wixstudio ➔ X: https://www.twitter.com/wixstudio ➔ TikTok: https://www.tiktok.com/@wixstudio ➔ Facebook: https://www.facebook.com/WixStudio ➔ Discord: https://discord.com/invite/wixstudio About Wix Studio: Wix Studio is the website building platform for professional designers, developers, and marketers. With high-end design capabilities, streamlined workflows and robust business tools, it empowers freelancers and agencies to build, manage and scale exceptional websites with maximum efficiency. Subscribe to our channel: ➔ https://www.youtube.com/@WixStudio?sub_confirmation=1$ $How to make an Infinite 3D carousel section | Wix Studio Build a 3D infinite carousel section in Wix Studio where images loop endlessly. In this Studio Byte, learn how to set up a Repeater, populate it with content, and configure it to scroll infinitely and seamlessly. Then, apply oval shape masks over the top and bottom of the image stack to create the illusion of depth, and add a custom CSS animation that keeps the carousel looping continuously. The result is a bold, editorial hero section that feels immersive and alive. Use this code: .marquee-track { animation: scroll 30s linear infinite; } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } — Learn more about Wix Studio: https://www.wix.com/studio Get started with our Essentials course: https://wix.to/gT8VY7c Join the Wix Studio Community: https://forum.wixstudio.com Follow us on social media: ➔ Instagram: https://www.instagram.com/wixstudio ➔ X: https://www.twitter.com/wixstudio ➔ TikTok: https://www.tiktok.com/@wixstudio ➔ Facebook: https://www.facebook.com/WixStudio ➔ Discord: https://discord.com/invite/wixstudio About Wix Studio: Wix Studio is the website building platform for professional designers, developers, and marketers. With high-end design capabilities, streamlined workflows and robust business tools, it empowers freelancers and agencies to build, manage and scale exceptional websites with maximum efficiency. Subscribe to our channel: ➔ https://www.youtube.com/@WixStudio?sub_confirmation=1$

Build along to create a gradient color change on scroll effect on Wix Studio

On-page SEO course with Mike Stepney - Wix Studio

Create a glass curtain Scroll reveal | Wix Studio

Create a modern sticky sidebar layout on desktop (part 1) | Wix Studio