Modifying global CSS in style manager
we want to remove almost everything from the Style Manager You can change what to show in the Style Manager: https://grapesjs.com/docs/getting-started.html#style-manager and it works based on what is selected in the canvasLet's say we will have "Primary color" and "Secondary color" in these settings - all the HTML ele...
Read full answer below ↓Question
We want to achieve the following:Mark our block HTML elements with some classes like:Add some styles that define CSS classes like:Using GrapesJS style manager we want to change the above CSS classes so we can have a "Container background color" setting which can change the "background-color" of the ".my-container" rule Why we want this ? We want to use some kind of "theming" for the page which can be changed by the user - we don't want the user to click on the elements to change their style. And more - we want to remove almost everything from the Style Manager - it is way too complex for the...
Answers (3)
we want to remove almost everything from the Style Manager You can change what to show in the Style Manager: https://grapesjs.com/docs/getting-started.html#style-manager and it works based on what is selected in the canvasLet's say we will have "Primary color" and "Secondary color" in these setting...
This is very interesting! @varadero Did you succeed with this and maybe have some code to share?
This is very interesting! @varadero Did you succeed with this and maybe have some code to share?
We ended up providing CSS when we initialize grapesjs. The CSS is created elsewhere, not inside grapesjs builder.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3525
FEAT: In Style Manager, Allow Requiring the Default Setting
What are you trying to add to GrapesJS? The CSS property float only makes sense for position: static; elements, which happens to be the def...
Issue #3401
Can style manager always generate IDs instead of using already defined element's class ?
When we style an element in the editor, if this element doesn't have neither a class or an id, the style manager generate a new id with the...
Issue #2184
[QUESTION] Losing predefined media queries
Hi. I have a predefined json of a template which contains a set of html elements and styles which are parsed into the set of components upo...
Issue #1978
[Bug]: Styles allways applied to classes
Hello, I have a Problem with styling individual Items. The following html Code: Loads fine. But when I Click the Component with "#icbp" the...
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 →Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.