How can I change the hover color of a button in the Dawn theme?

Store Design
1

Hey Guys I am building my website with the Dawn shopify theme and want to change the colour of the button when it is hovered over but don’t know how. Can anyone help?

1 Like
2

Hi @SS33 ,

Would you mind to share your URL website? with password if its protected. Thanks!

3

Hi @SS33

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.button:hover {background: #fff; color: #000;}

Regards,

San

4

Hello @SS33

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.button--secondary:hover {
    background: red !important;
}
5

Hello San_MSWEB,

Thanks for your response and help. I am not sure where to find where i am supposed to input the css you provided me with. Can you please guide me?

6

Hello There,

Thanks for your help. I added the code but nothing changed. Could you guide me to what else am i supposed to do

7

Would you mind to share your URL store?So we can give you the right solution, and which button youll like to change? All buttons? Thanks!

8

liquid or base.css in the new Shopify 2.0 Dawn themes. You can find it by going to your store admin > Online Store > Themes > Actions > Edit code > Assets folder. Once you open base.css file you can edit or add any CSS you want.

9

Hello @SS33

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