The core/columns block is a good example. Enable Multi-Level Dropdown Menus. This code will signify that you want to turn on full and wide-aligned blocks. add custom CSS class under “Advanced” section on the block’s setting. Click on “Social Icons” block to insert on your content. How to apply custom CSS to any Gutenberg Block 1. Each column has its own set of inner blocks to edit in the Gutenberg way. How to Translate custom Gutenberg Blocks with block.json; Creating Custom Gutenberg Blocks with block.json; Gutenberg: Updating withSelect and withDispatch into React Hooks (useSelect and useDispatch) How to Add Post Meta Fields to Gutenberg Document Sidebar; In-Depth Guide in Creating and Fetching Custom WP REST API Endpoints Use Visuals. 1 year, 6 months ago. to include … The CSS class for block styles are added in the form of “ is-style … We will inside Inspector add a panel that consist of a button to choose an image. Scroll down until you see the pattern we created, “ Page Intro Blocks”. Change editor width. This file will hold the entire logic of the custom block type for the admin-side and frontend of your website. Use custom HTML... for