Styling Gutenberg Blocks with Custom Classes and CSS Hero plugin

Welcome to CSS Hero! In this tutorial, we will show you how to use CSS Hero to visually customize Gutenberg blocks on your WordPress site.

First, we will create an example post and add a Gutenberg block to display a list of the latest published posts. We will then assign a custom CSS class to the block and use CSS Hero to style it.

We will show you how to add a custom background color, padding, and even apply some fancy effects like Glass morphism and mesh gradient.

One of the great things about using CSS classes is that you can easily reapply the same class to another element on a different page, saving you time and effort.

By the end of this tutorial, you will have learned how to use CSS Hero to customize your Gutenberg blocks and make your website stand out. So let's get started!

___

[GreenPillSecret]

This sucks because there is no sidebar in the lastest install of WordPress so I can't do what is said in this video. It's only good for the last version of WordPress so thumbs down!