Change the button hover color

[ds_48]

hello,

i need a help because before it works but right now its not working well.

i want the color button hover is in this color #1DDA7F. it work for the icon customer, but for the icon search/wishlist/cart is not working.

link = https://thtkq6xpcxw2m03j-80881811798.shopifypreview.com

can you guys help me with the solution of this problem? thankyou

[BSS-TekLabs]

This happens because of this css snippet in your theme.liquid file @ds_48 .
Let’s change the code

.header__icon-wrapper svg path {
    stroke: white !important;
}
.user-icon svg {
    fill: white !important;
}

Change them with the following code:

.header__icon-wrapper svg path {
    stroke: white;
}
.user-icon svg {
    fill: white;
}

• Here is the result you will achieve:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

[BSS-TekLabs]

Hi @ds_48 ,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

.header__icon-list a:hover svg path {
    stroke: #1DDA7F !important;
}

Here is the result

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

[Dan-From-Ryviu]

Hi @ds_48

Please update the code you added to this and check again

.header__icon-list > a:hover > svg > path, 
.header__icon-list .user-icon > svg:hover > path {
    stroke: #49f9a4 !important;
}

[ds_48]

its not working

[ds_48]

its not working