Issue #2378💬 AnsweredOpened November 5, 2019by varadero0 reactions

Modifying global CSS in style manager

Quick answerby artf

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)

artfNovember 7, 2019

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...

amenkApril 18, 2021

This is very interesting! @varadero Did you succeed with this and maybe have some code to share?

varaderoApril 21, 2021

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.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →
Premium option

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.