Possible to add background image or video?
Looks like I fixed it: I needed to double-click on the image. Weird though, selecting an image via the image block, the double-click isn't needed...
Read full answer below โQuestion
Hi,
Installed grapesjs locally and added the blocks-basic plugin and local storage. Everything seems to be working fine, except the background of the body. I can set the background color, but the background image option doesn't seem to work. Is this something I should add manually?
Out of the box, I do get an option to select a background image, but nothing seems to happen after I select one.
Any tips are appreciated.
Answers (2)
Looks like I fixed it: I needed to double-click on the image. Weird though, selecting an image via the image block, the double-click isn't needed...
Closed to quickly, the background-image issue has been solved.
Was wondering: is it possible to add a video as background?
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1357
Body -> Decorations -> Background-image
Version 0.14.25 | Local copy GrapesJS Tested in: Chrome 68, Firefox 61 Add a background image in "Body (Selected #wrapper) -> Decorations -...
Issue #3578
Version 0.17.4 the components missing when try to add background image to body
I add domComponents: { storeWrapper: 1 }, when initialize the webeditor, to enable add background image to body. it works fine when use the...
Issue #3448
Applying custom class to component doesn't seem to be working
I'm adding a class on a component when certain conditions aren't met, in this case when there's no href set. I viewed the source and see th...
Issue #3272
Id are added to <img/> on double click on it
Version: 0.16.37 Are you able to reproduce the bug from the demo? [X] Yes [ ] No What is the expected behavior? It's about the GrapesJS-mjm...
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
GJS.Market Is Now Available for India ๐ฎ๐ณ
GJS.Market is expanding its global presence with a dedicated experience for developers, agencies, SaaS companies, and digital creators in India
Tutorial
How to Build an AI-Powered Page Builder with GrapesJS in 2026
What we learned building GJSDocs โ from simple AI text generation to structured, context-aware visual editing
Tutorial
How Much Does It Cost to Build a SaaS Page Builder in 2026?
How much does it cost to build a SaaS page builder in 2026? Explore realistic development costs, timelines, features, and how using GrapesJS can reduce
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.