> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weltpixel.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to customize the Primary and/or Default Buttons in Magento 2 Pearl Theme

You can customize **Primary** and **Default** buttons in the Pearl Theme via the Frontend Options.

---

## Step 1 — Open Frontend Options
Go to **WeltPixel → Pearl Theme Options → Frontend Options** from the Admin sidebar.

![Open Pearl Theme Frontend Options](https://storage.crisp.chat/users/helpdesk/website/-/d/6/8/9/d689c667d875c800/6d884ec2-ae5d-4c07-b720-fbcc32_c0uxms.png)

---

## Step 2 — Choose the Store View
Select the **Store View** you want to configure.

![Select Store View](https://storage.crisp.chat/users/helpdesk/website/-/c/6/b/7/c6b716ae52838800/60fb9a12-0ca7-409e-bd32-07c600_18i21m0.png)

---

## Step 3 — Configure Button Styles
Scroll to the **Default Buttons** and **Primary Buttons** sections.  
Adjust colors, typography, borders, radius, hover styles, etc., for one or both sections as needed.

![Default and Primary Button settings — section 1](https://storage.crisp.chat/users/helpdesk/website/-/5/0/6/b/506b26be6b8b3800/a8bda5d3-7c9b-4410-83e7-15c856_czidbq.png)

![Default and Primary Button settings — section 2](https://storage.crisp.chat/users/helpdesk/website/-/1/f/8/0/1f802b0a2fe518/5b8dd2f4-b653-45e0-a007-ed88a3_t9eeun.png)

When finished, click **Save Config**.

---

## Step 4 — Apply Changes (Cache Management)
Go to **System → Tools → Cache Management** and:

- Click **Regenerate Pearl Theme LESS/CSS files** (choose the correct **Store View**).
- Select **all Cache Types** and click **Refresh**.
- Click **Flush Magento Cache**.

![Cache Management — regenerate and refresh](https://storage.crisp.chat/users/helpdesk/website/-/4/4/8/9/4489c29367f8f800/7b29a3a2-9891-4a13-8f3a-f94e6a_9w70us.png)

---

## Step 5 — Verify on Storefront
Refresh your storefront page to see the updated button styles.

**Who’s the master of buttons now? 😄**

---

## Video Guide
Tired of reading? Watch the walkthrough:

${frame}[](//www.youtube-nocookie.com/embed/YRDYlpFDpCY)