Images and videos are not focused
Try placing it inside a container, you can probably centre it using something like flexbox.
Read full answer below βQuestion
Hello, I have a problem which is that when adding a video or an image to the canvas, it is not centered, but to the left. With the help of the panel I set the alignment but it does not center it either.
Answers (2)
Try placing it inside a container, you can probably centre it using something like flexbox.
Thanks for reporting this, @FacuCarbon. Thanks for sharing your report about images and videos are not focused. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your GrapesJS version number Browser and OS information Any error m...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3414
Component model is not reset when create new drag
When dragging a component from right panel component model doesn't set to default value but has value of previously added component
Issue #3350
Uncaught TypeError: can't access property "el", n is undefined
Hello, I'm using grapesjs 0.16.44 and only in firefox I'm faceing this issue. Using grapesjs block basic preset. Anyone can help me? Thank...
Issue #3683
How to set the component cannot be deleted
Issue #3315
Mm or cm Units are converted to px
I realized that mm or cm units are converted to px. How can i solve this problem? Thank you
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins βPremium plugins ship with support, regular updates, and production-ready features β save days of integration work.
Browse premium plugins βRelated tutorials
In-depth guides on the same topic.
Tutorial
Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)
New to GrapesJS? See exactly what the stock editor gives you, where it falls short, and which plugins close the gaps β a beginner-friendly 2026 comparison
Tutorial
Lighthouse for GrapesJS: Audit Accessibility and SEO Without Leaving the Editor
Live WCAG 2.1/2.2 accessibility auditor + SEO manager for GrapesJS. Every finding is bound to the exact component β click to select, then one-click fix.
Tutorial
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners β this post is for you.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.