How to apply the style changes to the ID instead of the class?
At the Style Manager painel, you have a way to select/unselect to which css selectors (classes or id) you want to apply the styling. Click on a block and open the Style Manager panel. You will see all selectors applied to that block.
Read full answer below ↓Question
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 the style applies to the class not to the ID.
What can I do?
Answers (3)
At the Style Manager painel, you have a way to select/unselect to which css selectors (classes or id) you want to apply the styling.
Click on a block and open the Style Manager panel. You will see all selectors applied to that block.
Thanks ... The UI is not user-friendly.
@artf I think the problem is in the ICON. I edit the sources code and replace it with SVG also rewrite the style. Do I have an option to replace the TEMPLATE for each section without editing the source code? <img width="1132" alt="screenshot 2019-02-22 at 18 18 06" src="https://user-images.githubus...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1560
Apply changes in style mager to one class
Hi @artf, I noticed that when I used the style manager it applies the style to the whole class of the component selected for example if i h...
Issue #661
Class attribute not removed
Hello ! I noticed a problem with style manager when we add/remove classes. When we remove all classes it doesn't remove then from the gener...
Issue #1307
Question: To stop dynamically generated classes in grapes Editor
Hi @artf is there any Way to stop dynamically generating classes on reloading editor. let say when i add my custom class i.e "my_class" to...
Issue #500
Add new property in Style manager
I want to add new property as Line height in Typography in Style manager. Can you please help me out? Also, how to apply css formatting to...
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.