Apply style to child classes
@ajaysofto GrapesJS is a class-based style editor so if you import that kind of selector you will not be able to select it in Style Manager, so I recommend to assign specific classes to your elements
Read full answer below ↓Question
How we can add style to child classes of editorform? var forminputClass = cssComposer.add([editorform, forminput]); Above code will apply css to div that have both of these classes like .editorform.forminput What we have to do to define space between these class to make editorform as a parent?
Answers (2)
@ajaysofto GrapesJS is a class-based style editor so if you import that kind of selector you will not be able to select it in Style Manager, so I recommend to assign specific classes to your elements
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1821
[QUESTIONS] How to apply the style changes to the ID instead of the class?
Hi, I have two elements with the same classes. I want to apply style changes with style manager to one of these two elements. I add ID but...
Issue #1228
Can't reset CSS code which has parent or child.
Tested on both npm and cdn GJS Version - 0.14.20 (latest) OS - Mac Browser - Chrome Problem If CSS class name has a parent or child like #p...
Issue #1691
How to use variable/function outside of the script
Hello @artf , How can i access the variable as well functions which is outside of the script. My code is like, I am using angular.js(Angula...
Issue #1694
CSS composer not working on two classes
above code is not working but the below is working All i need is to apply the css rule in two class .class1 .class2{ ... color: red; ... }
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.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.