pui108108

if i use css in normal paragraph , its correctly ,shown

<!-- wp:paragraph {"className":"ticss-7ea58ede","hasCustomCSS":true,"customCSS":".ticss-7ea58ede {\n  box-shadow: 0px 0px 31px 1px rgb(192 73 174) inset;\n}\n"} -->
<p class="ticss-7ea58ede"> one paragraph</p>
<!-- /wp:paragraph -->

Please, Hardeep Asrani @hardeepasrani

yes Plugin , Multipurpose Gutenberg Block By theDotstore
, no css decorate option of their plugin .
I will use the Blocks CSS to decorate div of Multipurpose block.

Firstly, before apply Block CSS.

<!-- wp:md/multipurpose-gutenberg-block {"borderWidth":3,"borderRadius":6,"leftBorderWidth":1,"leftBorderRadius":0,"className":"grid-colmnn"} -->
<div class="wp-block-md-multipurpose-gutenberg-block is-block-center grid-colmnn"><!-- wp:freeform -->
<p>test in Multipurpose Bolck</p>
<!-- /wp:freeform --></div>
<!-- /wp:md/multipurpose-gutenberg-block -->

in selector css I will apply
option for Block CSS
selector {
box-shadow: 0px 0px 31px 1px rgb(192 73 174) inset;
}
and it auto change to after focus again
.ticss-0e541403 {
box-shadow: 0px 0px 31px 1px rgb(192 73 174) inset;
}

after apply , box-shadow show css setting in block editor but
code editor show below.

<!-- wp:md/multipurpose-gutenberg-block {"borderWidth":3,"borderRadius":6,"leftBorderWidth":1,"leftBorderRadius":0,"className":"grid-colmnn ticss-0e541403"} -->
<div class="wp-block-md-multipurpose-gutenberg-block is-block-center grid-colmnn ticss-0e541403"><!-- wp:freeform -->
<p>test in Multipurpose Bolck</p>
<!-- /wp:freeform --></div>
<!-- /wp:md/multipurpose-gutenberg-block -->

then Published , no css apply occur on post site
save and then refresh loading Browser ther Block editor for that post
, CSS setting in block editor is gone

thank you

• This reply was modified 4 years, 11 months ago by pui108108.
• This reply was modified 4 years, 11 months ago by pui108108.
• This reply was modified 4 years, 11 months ago by pui108108.