Buttons

Spectra provides a Multi Buttons block that allows you to add multiple buttons within a single section. Further, you can individually style these buttons, while keeping them grouped in one block at the same time.

In addition, you can add any number of buttons, each with different colors, shapes, sizes, borders, hover colors, and typography. Have a look at the demo here.

Multi Button

These are key features of Multi Buttons block:

  • Multiple Buttons
  • Individual Styling Options
  • Individual Button Control
  • Hover color options
  • Responsive Support

Buttons Block Settings

Firstly, you can set how your whole buttons block will look. Thus, under the \”General\” options, you will find the following settings:

  • Alignment: choose between None, Left, Center, or Right;
  • Spacing: set the Gap Between Buttons;
  • Stack on: choose a breakpoint on which you wish to stack the buttons: Desktop, Tablet, or Mobile. By default, buttons will display inline on all devices;
  • Typography: set the Font Family and Font Weight for all your buttons within the block.
UAG Multi Button General

Individual Button Settings

Once you click on the Buttons block, you can add as many individual buttons as you need. Similar to adding any other block, add buttons by clicking the “+” icon within the Buttons block.

UAG Multi Button General

Individual Button Styling Options

The individual button can be customized completely. Below are the options under each button setting tab –

  • Link
  • Inherit from the Theme
  • Button Icon
  • Color Settings
  • Top and Bottom Padding
  • Left and Right Padding
  • Border Style
  • Border Thickness
  • Rounded Corners
  • Font Size
  • Line Height
UAG Multi Button General

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

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

%title %title
On this page
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

Get Notified When Available

Note - You can purchase the Essential Toolkit now and easily upgrade to the Business Toolkit once it becomes available.

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.