Custom block icon
Question
I want to custom block icon, I found the code:
.gjs-f-text::before {
content: "o";
}
.gjs-fonts::before {
display: block;
font: normal normal normal 14px font3336;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 5em;
}
how to find the content for I want?
Answers (1)
Hi @mingxin-yang you can read here how to create and update Blocks. In case you need to update an icon/label of the Block, you can do something like this:
editor.Blocks.get('BLOCK-ID').set({
label: 'My block',
media: '<svg...', // eg. your svg image
})
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2961
BUG: Components in custom modal isn't editable
Hello, I'm trying to add custom modal block to my project and I want to change content of this modal also with drag&drop. Here's code of my...
Issue #3347
How can I get Uncompressed JS code for me to edit?
Hi, thank you for reviewing my problem. I want to use my own JSEditor to edit html、css and js. 1、First, I use getHtml, getCss, getJs to dis...
Issue #3303
Category order not displaying properly
Hi! I want to display the categories in block manager in certain sequence. I looked into docs and previous issues and found about order att...
Issue #3119
[QUESTION] How to create custom block made of grapesjs components?
Hi, i want to have custom blocks made of grapesjs components. I found solution how to add components: https://github.com/artf/grapesjs/issu...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.