New Shopify Certification now available: Liquid Storefronts for Theme Developers

Coding help with buttons

Annabelm18
New Member
9 0 0

rPlease help. A couple of my buttons are randomly completely black. I would like them to match all my other buttons. I was told it’s something to do with the coding. I’m using Dawn theme. Thank you. 

Replies 4 (4)
Moira
Shopify Staff
Shopify Staff
1990 220 305

Hey @Annabelm18,

 

Great question!

 

I appreciate that you have let us know which theme you are using as that is very helpful! Looking into the Dawn theme, you can make changes to the color of the buttons on the online store. To change the colors of the buttons, you will need to navigate to the Theme Editor and select Theme Settings. Once you are managing the settings of the theme, you should see the option to change the Colors. I took a screenshot from my test store to show you the section I am referring to: 

 

23-09-emxb4-uzs7z

 

Let me know if you have any questions. 

Moira | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog

Annabelm18
New Member
9 0 0

Thank you for your reply 🙂 however, I have tried this already.  It’s only certain buttons on my page that are the wrong colour, not all of them. It’s a coding issue. Can you help with this? 

 

Thank  you 🙏🏼😊

Moira
Shopify Staff
Shopify Staff
1990 220 305

No trouble! Have you edited your theme code before? If not, I suggest you first duplicate a copy of your theme.

 

Then, you can try adding this code:

 

  • Go to the Online Store ->Theme -> Edit code -> Assets Folder ->base.css
  • Add this code at the bottom:

 

.button, .shopify-challenge__button, .customer button {
background-color: #000 !important;
}

 You can adjust the color by using it's numerical html value as shown here

Moira | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog

Annabelm18
New Member
9 0 0

hi,  this does not change the colour of the text in the buttons. My buttons are all black. is wan them black with WHITE text. thank you