How do I change all the button background colours on Dawn theme?

Store Design
,
1

Hi, probably a simple solution. Can’t seem to change the colours of the buttons on my site. I want them all to be the same colour. How can I go about doing this? I also want to change the button text colour to black.

2

@PLAi

There is no option to change button color on dawn theme. It can be done by doing some CSS customization

3

Hello @PLAi

You can try this code: it will be helpful to you

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

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

That worked. Thank you very much! How do I get the button text colour to black? And change the colour of the button outline?

5

Hello @PLAi

You can try this code: it will be helpful to you

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

.button, .shopify-challenge__button, .customer button {
 color: #fff !important;
--color-button-text: var(--color-base-outline-button-labels);
}
1 Like
6

Perfect. I changed the color to black by typing

color: black !important;

however it looks grey? How do I make it actually black and bolder.

PLAi_0-1683644615314.png

7

Hey @PLAi .

Thanks for reaching out.

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:

09-46-31078-24144
09-46-31078-241441920×920 183 KB

Let me know if you have any questions.

8

Hello @PLAi

You can try this code: it will be helpful to you

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

.button, .shopify-challenge__button, .customer button {
    color: #808080 !important;
}
9

Hi, thanks for posting. Unfortunately, it always comes out as grey instead of black even though black is selected. Not sure what the issue is.

10

Hello @PLAi

Could you please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution?