[Dawn Theme] Change button hover style

[Amal_djebali]

Hello,

I want to change the style of the buttons when hovering it, in the new Dawn Theme.

In which file can I find the css section linked to it ?

Thanks in advance,

[SagarikaDas]

Hey @Amal_djebali,

Hope you are good!

The file you are looking for is section-main-product.css under "Assets" folder.

[Amal_djebali]

Hi Sagarika,

Thanks for your answer.

In this file, I can only change the button style of the product page. These buttons inherit other "global" styles that seems to be the same for all buttons. Is there a way to access to these global styles ?

Thanks ! 

[made4Uo]

Hi, 

Yes. You will change the whole buttons if you are changing the css code. What you can do, you can find the section where the button is. Or I can find it for you. Which button are you looking for btw? From that, you can just add a class to that button and use that class to design your button. On this way, only the button with that class will have the changes

[KetanKumar]

@Amal_djebali 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[colleenc]

I am looking to make some universal changes to the button as well, and found the file you are looking for.

It is located in the file base.css

Search for the phrase "button - default" and all of the button css is located under that phrase. In my store, its around line 1161.

Good luck!