GenerateBlocks Pro 1.2.0

GenerateBlocks 1.2.0 is a feature update that contains a handful of new features and ensures full compatibility with our huge GenerateBlocks 1.5.0 release.

Let’s take a look at what’s new.

Better Style Pasting

You can now copy styles from one block and then paste those styles to multiple blocks at once! This is a pretty big timesaver when it comes to sharing styles between blocks.

You can also now clear all styles from a block with a single click.

Global Style Improvements

You can now add labels to your Global Styles. These labels are displayed in the select dropdown when choosing a Global Style for a block, which can make it much easier to choose the right style.

You can also clear local styles from a block now when you give it a Global Style. This allows the full Global Style to take effect without having any local styles overwrite them.

Image Block Support

We’ve added some of our Pro features to the new Image Block in GenerateBlocks 1.5.0. This means you can now use features like Effects and Custom Attributes on our very own Image Block!

More Custom Attributes

You can now use our Custom Attributes feature on the Grid and Button Container blocks.

Template Library -> Pattern Library

We’ve changed the name of our Template Library to Pattern Library. This also means “Local Template” are now called “Local Patterns”.

We believe this name better describes what these patterns are, and this name change also brings us more in line with what WordPress core is calling them.

Full Changelog

Take a look at everything that has changed in this version.

  • Important: This update adds compatibility with GB 1.5.0
  • New: Apply paste styles feature to multiple selected blocks at once
  • New: Global Style labels
  • New: Add clear local styles button to global styles
  • New: Add clear styles to Styles toolbar item
  • Fix: PHP notices when not using old opacity slider in box/text shadows
  • Tweak: Change Template Library name to Pattern Library
  • Tweak: Add Effects to GB Image Block (GB 1.5.0)
  • Tweak: Add Global Styles to GB Image Block
  • Tweak: Add Custom Attributes to GB Image Block
  • Tweak: Add Custom Attributes to Grid block
  • Tweak: Add Custom Attributes to Button Container block
  • Tweak: Reduce container link z-index
  • Tweak: Close effects panel and toggle off when all deleted
  • Tweak: Add support for new color component
  • Tweak: Remove old colorOpacity from Effects
  • Tweak: Add Container link support for dynamic links (GB 1.5.0)

GenerateBlocks 1.4.4

GenerateBlocks 1.4.4 is a minor release with a single fix for users using WordPress 6.0.

  • Fix: Grid layout selector in WP 6.0

GenerateBlocks 1.4.3

This is a small update with a couple bug fixes in anticipation of WordPress 6.0 next week.

  • Fix: Error when opening Headline color pickers in WP 6.0
  • Fix: Button URL field not selectable in WP 6.0

GenerateBlocks 1.4.2

This update has a small fix for a bug found in WordPress 5.9.

  • Fix: Missing responsive editor styles in Firefox

GenerateBlocks Pro 1.1.2

This is a minor update that fixes a couple of small bugs and ensures compatibility with the upcoming WordPress 5.9 release.

  • Fix: Color picker UI in WP 5.9
  • Fix: Undefined gradient color opacities

GenerateBlocks 1.4.1

This is a small update that fixes a couple of bugs introduced in the upcoming WordPress 5.9 release.

  • Fix: Color picker UI in WP 5.9
  • Fix: PHP notice when first saving Dashboard settings
  • Tweak: Make Container appender relative positioned in WP 5.9

GenerateBlocks Pro 1.1.1

This is a quick patch release that fixes a bug introduced in 1.1.0.


  • Fix: Advanced background fallback inner z-index missing

GenerateBlocks 1.4.0

GenerateBlocks 1.4.0 is a big release with some new features and a lot of behind-the-scenes changes that make the plugin more stable and extendable as we move forward.

Flex Options

We’ve added more powerful flexbox options to our grid item Containers, including flex-grow, flex-shrink, and flex-basis. This is an incredibly powerful addition that gives you the ultimate freedom when building your layouts. You are no longer limited to static percentage-based widths – your grid items can grow or shrink as needed!

The magic of flex-grow.

When all three options are put together, you can do almost anything and keep things responsive. The below is an example of a complicated post card layout in GeneratePress Premium. The top is using percentage-based widths, and the bottom is using the flex options.

Using all of the flex options.

Container Selectors

Better grid item selectors

Empty Container blocks are now easier to select and add blocks to. We’ve also added some subtle borders to show the border of the Containers that will disappear once you add your own styling or content.

Auto Widths

Grid items can now have “auto” widths on tablet and mobile so they can overwrite a defined width on the device above them. This is especially useful if you’re using flex options on these devices while using the regular width on desktop.

Color Picker Improvements

Our color picker component received some big upgrades in this version. You can now use CSS variables and RGBA values inside the color picker component. In order to maintain backward compatibility, blocks using the old opacity slider will continue to do so until it’s manually set to 1 and the RGBA value is set.

The acceptance of CSS variables is a welcome change, especially when coupled with our new Global Colors feature in GeneratePress 3.1.0.

Default Removals

Block defaults allow for a value to exist without actually being saved to your settings. This can be a good thing, but can also be problematic. For instance, it’s not possible to simply remove the default 40px of Container padding without setting the values to 0. This means we have to write those 0 values in our CSS unnecessarily. The same goes for things like grid gap and gradient values.

In this version, these defaults have been removed completely. Existing blocks will continue to use them on the frontend. Once those existing blocks are loaded in the editor, those old defaults will automatically be saved as static values in your settings.

This means we can now clear those fields and not print unnecessary CSS on the frontend.

Shorthand CSS Improvements

Currently, we convert your padding and margin values to their shorthand properties regardless of the inputs you’ve added a value to. If you set the top and bottom, left and right will default to 0.

This can be problematic if you want your element to inherit those other values (from Global Styles for example).

Now, we will only convert your values to their shorthand properties if all four of the values are set.

For example, we’ve created a Container block and set the top and bottom padding values to 20px, resulting to the following CSS:

.my-container {
    padding: 20px 0 20px 0;

Now, this scenario will result in the following CSS:

.my-container {
    padding-top: 20px;
    padding-bottom: 20px;

Full Changelog

  • New: Add flex (flex-grow, flex-shrink, flex-basis) options to grid item containers
  • New: Add “auto” width option to grid item containers on tablet and mobile
  • New: Allow CSS variables in color picker component
  • New: Use built-in color transparency in color picker component
  • Tweak: Improve design of empty Container blocks
  • Tweak: Remove Container padding defaults
  • Tweak: Remove grid gap default
  • Tweak: Remove gradient defaults
  • Tweak: Remove grid item width defaults
  • Tweak: Make Button Container stack & fill options device-specific
  • Tweak: Stop auto-adding z-index to Container when using pseudo gradients
  • Tweak: Only output shorthand CSS values if all fields are set
  • Tweak: Add missing tablet “order” property from editor CSS
  • Tweak: Improve unique ID generation
  • Tweak: Remove GeneratePress full width option from Container block
  • Tweak: Replace advanced typography attribute with local storage
  • Tweak: Allow for empty Container padding values
  • Tweak: Check for FS_CHMOD_FILE constant in external css file
  • Tweak: Force inline CSS on single posts
  • Tweak: Remove “Select Grid” button from grid item Containers
  • Tweak: Allow for no value in grid item width field
  • Tweak: Allow zero values for minHeight on devices
  • Tweak: Add new block on Enter key in Headline block
  • Tweak: Remove relative protocol from Google Fonts requests
  • Fix: Responsive border-radius when using pseudo backgrounds
  • Fix: Buttons alignment in the editor
  • Fix: Container tag name accepting any value
  • Fix: Missing align wide/full options when using block themes

GenerateBlocks Pro 1.1.0

GenerateBlocks Pro 1.1.0 is a small feature release with some long-awaited improvements and a lot of compatibility improvements to go along with GenerateBlocks 1.4.0.

Template Library Settings

You can now choose to disable the remote or local templates from our Template Library block directly on our Settings page. If you disable both, the Template Library block won’t be available in the editor at all.

More Custom Attributes

We’ve added more allowed attributes to our Custom Attributes feature. You can now add role, download, itemtype, itemprop, and itemscope attributes!

Global Style Improvements

With the removal of defaults in GenerateBlocks 1.4.0, our Global Styles feature is now even better. You can now build Global Styles for your Grid blocks, and even for your grid item widths. We also made some minor improvements to the UI when saving/changing your style IDs.

Improved Color Picker

As mentioned in GenerateBlocks 1.4.0, we’ve massively improved our color picker to accept CSS variables and RGBA colors. This update includes these improvements in our GB Pro color controls.

Full Changelog

This release was all about fixes existing bugs and preparing for a couple of larger features we have in the pipeline. Check out the full changelog below.

  • New: Add options to disable local/remote templates
  • New: Allow support download, role, itemtype, itemprop and itemscope custom attributes
  • Tweak: Stop auto-adding inner z-index to containers with pseudo gradients
  • Tweak: Check for any kind of SVG support in Asset Library instead of Safe SVG
  • Tweak: Add global style class to the grid wrapper
  • Tweak: Use rgba colors for advanced gradients
  • Tweak: Make Local Template editing for admins only
  • Tweak: Make Global Style editing for admins only
  • Tweak: Replace delete (X) icon with trash icon
  • Tweak: Apply device visibility to grid item
  • Tweak: Fix headline color when using container hover
  • Tweak: Don’t add custom attribute if no property is added
  • Tweak: Disable attribute value field if no value needed
  • Tweak: Add lock with confirm dialog to Global Style IDs
  • Fix: Responsive border-radius when using pseudo background
  • Fix: Effect selector preview when using different devices
  • Fix: undefined index when custom attribute has no value
  • Fix: Keep current IDs for imported library items
  • Fix: Prevent special characters in Global Style IDs

GenerateBlocks 1.3.5

This update has a few small fixes to ensure compatibility with WordPress 5.8.

  • Fix: Error saving classic widgets in Customizer
  • Fix: Console error in widget editor due to core/edit-post
  • Tweak: Remove wp-editor dependency from widget editor