Solid Button Background Missing

Shopify Discussion

Topic summary

A new Shopify store owner reports that solid button backgrounds suddenly stopped displaying colors, despite being configured in theme settings. The issue appeared overnight without any apparent changes.

Troubleshooting attempts:

  • Cleared browser cache
  • Tested different colors (none display)
  • Only custom code present is for font size adjustments
  • Using Dawn theme version 15.2.0

Proposed solutions:

  • Add custom CSS targeting .button--primary class with !important flag
  • Use browser developer tools to check for CSS overrides in the “Computed” tab
  • Verify no theme updates reset settings

Current status:
The issue remains unresolved. A collaborator code (4972) has been shared for direct store access to investigate further. One helper has agreed to consult with their team and provide an update.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I am new to Shopify and just starting a small business.

I will need help on the button solid background missing from my store.

Not sure what happen but yesterday was workign fine and today i cam back, the background color was missing even when i change the theme settings color.

https://k1wft4-x1.myshopify.com/

Jacksonchua87_0-1739433031740.png
Jacksonchua87_0-1739433031740.png885×497 36.2 KB

2

Hi @Jacksonchua87 , can you share the password?

LizHoang_0-1739436429444.png
LizHoang_0-1739436429444.png1920×995 80.6 KB

3

Hi @Jacksonchua87 ,
The button’s solid background color isn’t applying correctly, even though you’ve set it in the theme settings. Here are a few things you can try:

  1. Clear Cache – Try refreshing your page or clearing your browser cache.
  2. Check Theme Code – If any custom CSS overrides the button background, it may affect the color.
  3. Try a Different Color – Test another color to see if the issue is with the specific shade.
  4. Check Theme Updates – If Shopify or your theme had an update, it might have reset settings.
  5. Inspect with Developer Tools – Right-click the button, inspect it in your browser’s developer tools, and check if another rule is overriding your set background.
    Let me know if you need more help.
    Thanks!
4

Hi Jennifer20,

Thank you for your reply.

Please see below my answers.

  1. I have already cleared but still the same.

  2. Only code i got was to change the font size.

  3. I tried other colors but it is not showing the color only for solid button background.

  4. Latest theme Dawn 15.2.0

  5. Not sure how to check but below is the screenshot.

Jacksonchua87_1-1739440551253.png
Jacksonchua87_1-1739440551253.png1168×900 126 KB

5

12345678

6

it’s wrong

LizHoang_0-1739441913818.png
LizHoang_0-1739441913818.png1080×548 10.4 KB

7

Hi,

From your screenshot, it looks like the .button–primary class might be missing the background-color style or it’s being overridden. Try adding this CSS in your theme’s Custom CSS section or base.css file:

.button–primary {
background-color: #CM9468 !important; /* Use your chosen color */
}

If that doesn’t work, check if another CSS rule is overriding it using the “Computed” tab in your browser’s developer tools.

Or Can you please share the access to your Shopify store -

kristy.wrexim@gmail.com
So I can check in detail.

Let me know if you need more help!

Thanks!

8

Collaborator code:

4972

9

Hello, my collaborator code is 4972

10

Hi Jennifer,

I need some help. not sure if you can help me solve this topic? Thank you

11

Hi @Jacksonchua87 ,
Sure, I can help you with this, Let me check with my team, and I will update you soon.
Thanks!

12

Please help thank you