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.

Step 2 — Choose the Store View

Select the Store View you want to configure.

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.

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.

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:

Updated on: 16/09/2025