No results found. Try again with different words?

Search must be at least 3 characters.

Spectra – Buttons block

Using spectra, you can use the Buttons block that allows you to add multiple buttons within a single section. You can add many buttons with different colors, shapes, sizes, borders, hover effects, and typography. These individual buttons can be grouped together and controlled with individual settings. 

In this article, we’ll go through a few things you would want to know about the Multi Button block.

How to add Multiple Buttons Block

To insert the buttons block, click the Toggle block inserter + icon and search for the buttons block. 

Spectra - Multi Buttons block

You’ll see two buttons added by default. You can change the button text to the text of your choice. Also, you add more buttons by clicking on the + icon.

Spectra - Multi Buttons block

Common Styling Options

By selecting the block, you will be able to see the three vertical three dots. On clicking the dots, navigate to ‘show more settings. Then, the block settings panel will open on the right side of the block editor. 

Under the ‘General’ settings tab, you can set the button alignment, button size, and the gap between the buttons.

Spectra - Multi Buttons block

The Multi Button widget gives you global styling options that let you style all the buttons together. If you want all buttons to look identical, you can use the settings here.

Individual Styling Options

If you wish to style each button separately, click on the individual button you wish to edit. Then, you can access the styling options for the button on the right side of the block editor. You can control each button through its General settings. 

You can add icons before/after text on a button to make it look good. Once you have added the icon, you have the option to remove the text. Also, you can add a hyperlink to the button, have the option to open the link in a new window or add ‘no follow to the link. Take a look at the screenshot below.

Spectra - Multi Buttons block

Under the ‘Style’ tab, you can set the button\’s typography, border, box-shadow, and background color.

Spectra - Multi Buttons block

Was this article helpful?

Did not find a solution? We are here to help you succeed.

Build Ultra High performance
Websites, Without Coding

Whether you are a beginner, marketer, or professional, Spectra has the tools and resources you can rely on to succeed

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Get your hands on Spectra Pro

Enter your name and email address to get access to Spectra Pro.