How To | Changing the color of a button using Block Controller

Learn how to customize the look of your buttons by changing their color using Block Controller.

Updated at March 19th, 2024

Procedure


This steps below describe a simple way to change the color of a button using the Block Controller component. This can be useful to visually determine the state of a control using color. 

  1. Drag the Block Controller into the design.
  2. Add a control to the Block Controller.  Set the control to Toggle.
  3. Name the button “Btn”.
  4. Open the block editor and drag in the blocks to create what is pictured below from left pane to the editor.