GUTENBERG STUDIO – ADD ON FOR SCRIPTS ORGANIZER

Style Blocks

By the default style are not visible in the Gutenberg editor.

Style Blocks

1. Add <style> and write your CSS directly code area

screenshot 2022 05 15 at 20.58.18

2. Include Code Block style

This would be the best practice. Create Code Block and create CSS or SCSS. Then link that code block to Gutenberg Block.

Code Block (Header: SCSS)

screenshot 2022 05 15 at 21.21.28

Gutenberg Block include Code block form Scripts & Styles area

screenshot 2022 05 15 at 21.09.15

Table of Contents