Change the colour and thickness of hover. Also I want different hover colours for different elements.
You can change the state for an element in the style-manager and then change the color and all the other properties. The editor will save then the properties associated to their state in css with all the #test:hover { ... } selectors.
Read full answer below ↓Question
Hi @artf , hands raised for this awesome product. I am trying to change the hover colour on hovering elements. I am also trying to give different colours and width to hovers on hovering different elements. Please help me to get this done. Thanks in Advance.
Answers (3)
You can change the state for an element in the style-manager and then change the color and all the other properties. The editor will save then the properties associated to their state in css with all the #test:hover { ... } selectors.
@chapterjason - Thanks for the reply. but this didn't solve my problem. I don't want user to select element and change the states. I want to change the colours, thickness permanently for the whole editor. Means it doesn't depend on the user. I want to change it for the editor permanently.
@perfect-coders did you mean the style of the editor? Not the elements in the editor ?
Related Questions and Answers
Continue research with similar issue discussions.
Issue #558
Help: Can you please give an example of Chart.js as a block in grapesjs.
@artf can you please give one complete example of a chart using chart.js with traits for changing the colour, values & Data Points.? It wou...
Issue #1071
Change the colours, thickness of hover permanently for the whole editor.
@artf - I don't want user to select element and change the states. I want to change the colours, thickness permanently for the whole editor...
Issue #1383
can we change the icon of style manger?
hi @arthuralmeidap i want to override font awesome icons of panel "views" say style manager i want to replace icon with my "svg" icon .Can...
Issue #1469
Check canvas event
Hi @artf, Is there any common method where we can know something updated on canvas. We want to create a custom undo manager and also want t...
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.