1. Home
  2. How To
  3. How to set Gutenberg button color

How to set Gutenberg button color

In this tutorial, we will show you how to set Gutenberg button color for this to follow the below steps

Step 1 – Open a post in the block editor or add a new one

Step 2 – Click on the + button and pick the Buttons Block

Step 3 – Create a button within your content and link to another URL

The button colors are updated in the advanced settings panel (found in the right sidebar). You have two options:

  • Background color
  • Text color

In these options, you can set the button color

You’ve now successfully set the button to change the background color like below the screenshot

That’s it for this tutorial!

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.

Ask your Questions Directly!
If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!
Updated on June 25, 2020

Was this article helpful?

Related Articles

Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact Support

Leave a Comment