How can I change all button hover colors in the Dawn theme?

[VisarK]

I use the Dawn theme and would like help me to change all of the button colors on the hover. (Image banner buttons, view all buttons, Image with Text button, shop now, buy now buttons.)

I would like all buttons to be the same. Currently i use in text color #ffff and in button backround #c4a484 so i want in the text hover color to be the same #ffff but in the button backround hover color to be with black color

[Asad24]

Hi,
Kindly share your store url so that i can check

[Made4uo-Ribe]

Hi @VisarK

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

[VisarK]

www.pawshubs.com

[VisarK]

Yes www.pawshubs.com

[Made4uo-Ribe]

Try this one for hover.

• From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
• Find the theme that you want to edit and click on “Actions” and then “Edit code”.
• In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.globo-swatch-product-item .swatches-globo--list .btn.btn-globo.globo--add-to-cart:hover {
    border: 1px solid #C4A484;
    padding: 12px 16px;
    background: #C4A484;
    color: #fff!important;
    transition: box-shadow .3s;
    border-radius: 6px;
}
.banner__buttons>.button:hover {
    background: #C4A484!important;
    color: #fff!important;
    box-shadow: none!important;
}
.btn-globo.globo--add-to-cart.globo-ajax-form-cart:hover{
    background: #C4A484!important;
    color: white!important;
    border: 1px solid #C4A484!important;
}

#e-1695342827979 .gf_button:hover {
    border-radius: 2px 2px 2px 24px!important;
    color: #fff!important;
    background-color: #c4a484!important;
    border-radius: 2px!important;
}

• And Save.

[VisarK]

Thanks a lot Made4uo-Ribe all buttons are good just one button doesnt have the hover.In the Account Login the button Sign in still doesnt change

[Made4uo-Ribe]

Try this one.

Same Instruction.

#customer_login > button {
    background: #000000 !important;
}

#customer_login > button:hover {
    background: #C4A484 !important;
}

And Save.

Result:

You can change the color you like.

[VisarK]

Thank you so much so i have only two buttons on this section of account to do like so

[Made4uo-Ribe]

Do you like to black and brown color also?

[VisarK]

Yes to be #000000 and #c4a484