Pebble Theme
Theme Settings

Buttons

1 min read

Buttons are crucial for navigation, calls to action, and customer engagement. Customizing their appearance allows you to make them stand out or blend seamlessly with your site's design.

How to access Button settings

Steps:

  1. In the theme editor (Customize), click Theme settings.
  2. Locate Buttons.
  3. Enter the tags you want to show as badges.
  4. Click Save.

Buttons settings options

image

Font

Choose a font for your button text. Options include Body, Heading, and Subheading, letting you match your buttons to the rest of your store’s text style.

image

Height

Set the height of your buttons from 40px to 80px.

Larger buttons stand out more, while smaller ones fit into compact designs.

Corner radius

Adjust the roundness of your button corners from 0px (sharp) to 60px (rounded).

Rounded corners give a modern look, while sharp corners keep things more traditional.

image image image

Border thickness

Set the border thickness between 1px and 4px.

Thicker borders make buttons more prominent, while thinner borders create a subtle, clean appearance.

image image image
Last updated