The Advanced Button block allows you to configure unique buttons with many options. You can have a singular button or add up to 5 buttons, each with different styling.

 

To set up the button block, follow these steps:

    1. Select the Advanced Button Block from the Add Block menu:
      Select Button Block Kadence Gutenberg
    2. With each button, you can set whatever text you’d like to show:
      Set Button Text Kadence Gutenberg
    3. If you want the block to show more than one button, increase the button count as necessary. Note that each button must be configured individually and will not take on the styling of the previous button:Increase Button Count Kadence Blocks
    4. Edit the appearance of the button by opening the respective drop-down in the block settings area:Adjust Button Settings Kadence Blocks
    5. Set the normal state of the button as well as the hover:

      Normal State Button Settings

      Normal Button Settings Kadence Blocks

      Hover State Button Settings

      Button Hover Settings Kadence Blocks

    6. Test your buttons to see if you’re happy with them:

Buttons Final Kadence Blocks