Is it possible to override the CSS of blocks?

[AdnanKhayyat1]

Hi!
I want to add a custom border shadow to every type of block element. I'm currently building an app on React and have EditorJS as part of my npm dependency library. Is there a way to customize the styling of all blocks?

Thanks!

[alinceDev]

Hi,

Yes, with CSS, like this :

.ce-block {
     box-shadow: ...;
}
/* or */ 
.ce-block__content
 {
     box-shadow: ...;
}
/* or */
 .cdx-block {
     box-shadow: ...;
} 

[AdnanKhayyat1]

Thank you! Where can I override these css classes? Can you show me an example by any chance?

[alinceDev]

Anywhere in your css file

[4e576rt8uh9ij9okp]

Thanks!