Appearance

Buttons ​

This guide describes the Theme settings > Buttons menu options.

Use the setting to specify how buttons are displayed throughout your store. Refer to Shopify help: Buttons.

An example store's homepage with the Theme settings's Buttons menu open in Theme editor.

In the previous image, on the left side, the Theme settings > Buttons menu is displayed. The menu shows the following two options, selected for the Border radius dropdown:

  • Full. Displays buttons with fully rounded border edges.
  • None. Sets rounded edges to off, and displays buttons with squared border edges

On the right side of the image, a store's Homepage is displayed in Theme editor. On the Homepage, each Border radius dropdown option is applied to set a shape for the edges of the borders around the View all button.

For general guidance with adjusting a theme setting, refer to Settings overview and Shopify help: Theme settings.

Configure Buttons ​

To set how Buttons are displayed on your store's pages:

  1. Go to Theme settings > Buttons.

    The Theme setting's Buttons menu.

  2. Select a setting described in the following table.

Setting nameDescription
PaddingUse the Padding setting to resize the empty space that's displayed inside your store's buttons. The empty space displays between a button's label text and border. The options are Small, Medium, and Large.
Border radiusUse Border radius options to set a shape for the buttons' border edges. The options are:
  • None. Sets rounded edges to off, and displays buttons with squared border edges.
  • Small. Applies minimal rounding to the buttons' border edges.
  • Medium. Displays buttons with a moderate amount of rounding applied to the border edges.
  • Large. Applies a substantial amount rounding to the buttons' border edges.
  • Full. Displays buttons with fully rounded border edges.
Solid buttons > Background colorSelect the Background color radio buttons to set the background color for solid (primary) buttons to the current color scheme's Text or Accent color.