Solid Button Background Missing

Shopify Discussion
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

13

Hey! This usually happens when a button style gets overridden by a section setting or a bit of custom CSS (sometimes from an app or a recent theme tweak), so the color picker still changes but the actual background is being forced to transparent.

Quick thing to check first: open the button section in the theme editor and make sure the button style is set to Solid (not Outline or Link). Dawn-based themes especially like to flip this per section.

If that looks right, go to Edit code → base.css (or theme.css) and search for button, btn, or background: transparent. You’ll often find a rule like .button { background-color: transparent; } that’s overriding your theme setting. Removing or narrowing that rule usually fixes it right away.

If digging through CSS isn’t your thing another option is Easy Edits. You can click the button on your page and change the background color directly, or just tell the AI what you want it to look like. I’m the developer.

Best of luck! Let me know if you have more questions or need some specific CSS code/have trouble adding it into your theme.