How to Copy and Paste Styles in WordPress Gutenberg Editor

How to copy paste styles in WordPress

The Gutenberg block editor comes with a default style copy-pasting option. It allows you to copy the visual attributes of any block or element and replicate them on other blocks without having to make manual adjustments every time.

This can indeed save you a good deal of time both in the case of web design and content creation. With a step-by-step guide, I will show you how to copy and paste styles in WordPress Gutenberg editor in this article.

Step 01: Stylize Your Desired Content that You Want to Copy

As already said once, you can apply this method on any block. But for now, we are showing you the process using paragraph blocks. Customize your desired block with the required stylization attributes.

Stylize Your Desired Content that You Want to Copy

Step 02: Copy the Style of the Block

Place your cursor on the block. Hit the three-dot icon of the Gutenberg toolbar. Click the Copy Style option on the list.

Copy the Style of the Block

Step 03: Paste the Style on Another Block

Now, place your cursor on the block where you want to paste the style. Hit the three-dot icon again. Select the Paste Style option on the list.

Paste the Style on Another Block

You’ll see the copied style has been applied to it. Thus, you can copy and paste content styles on the Gutenberg editor without using any plugin.

Preview the copied style applied on the new block

Warning Note

This feature works only on valid live websites. If you try to explore this feature on any local site, this may not work. Hence, we have tried this feature on our live website for this tutorial as well.

The Gutenberg toolbar is a powerful toolset on WordPress. We have covered numerous posts on it. Explore this post to learn how to use the Gutenberg toolbar.

My Recent Posts

Share Your Desired Topics!

I’ll Write Engaging Posts Based on Your Topic Suggestions.

Leave a Reply

Your email address will not be published. Required fields are marked *