{"id":30670,"date":"2025-08-04T10:13:20","date_gmt":"2025-08-04T15:13:20","guid":{"rendered":"https:\/\/wpstackable.com\/?p=30670"},"modified":"2025-08-04T10:13:29","modified_gmt":"2025-08-04T15:13:29","slug":"introducing-block-styles","status":"publish","type":"post","link":"https:\/\/wpstackable.com\/blog\/introducing-block-styles\/","title":{"rendered":"Introducing Global Block Styles"},"content":{"rendered":"\n

This update, we’re bringing you a game-changing way to design once and apply everywhere: Global Block Styles. With Global Block Styles, you design a block once \u2014 and instantly reuse it anywhere on your site. Need to make a change? Update it once and every instance updates like magic. Total control, zero repetition. This is how site-wide consistency should<\/em> work.<\/p>\n\n\n\n\n\n\n\n

The Old Way: Design Per-Block<\/h2>\n\n\n\n

Stackable used to be only<\/strong> a provider of advanced blocks. Hence, the old way of using Stackable was you would add a Stackable block, tweak it, then copy and paste the block to other pages. Ugh. Very inefficient.<\/p>\n\n\n\n

That was before, now our goal is all about providing you with an amazing workflow<\/strong>. We’ve introduced before the Design System<\/a> \u2014\u00a0a central place where you can adjust the “design system” followed by all Stackable blocks. Now, we’re bringing it a huge step further.<\/p>\n\n\n\n

Block Styles are here!<\/h2>\n\n\n\n

For every Stackable block, now you can save<\/strong> their current styles into a “Block Style<\/strong>“. You can then head over to any block and pick that Block Style as your new base style. <\/p>\n\n\n\n

Here’s Block Styles in action:<\/p>\n\n\n\n

\n
\"The
The new Block Style button available in all Stackable blocks.<\/figcaption><\/figure><\/div>\n\n\n

Now, make sure that you have a block with some cool styles applied to it. Then you can click on your Block style<\/strong> and click on the Save New Block Style<\/strong> button. Enter in a name (optionally a slug for it, more on the slug later), then click on Save Block Style<\/strong>.<\/p>\n\n\n

\n
\"Create
You can easily create new Block Styles<\/figcaption><\/figure><\/div>\n\n\n

Afterwards, when you open the Block Styles for any block, you’ll see the new entry we just created. All same-type blocks will have this new option. To use it, just choose it.<\/p>\n\n\n\n