I want the color of my text to change when I hover on any clickable link

Highlighted
New Member
3 0 0

I am using the debut theme. When I hover over something that is clickable (ie. the shopping cart, links in my header, footer, the social media icons etc) I want the color of it to change. How can I do this? I have tried previous suggestions that I found but it only changes the hover color for the home page and not any other pages. 

Thank you!

0 Likes
Highlighted
Shopify Partner
2265 496 647

Hey @aebutter,

Please share your website URL.  I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
3 0 0

Hi dmwwebartisan,

My shopify website is https://mia-fragrances.myshopify.com/ and the password is 1234.

Thank you

0 Likes
Highlighted
Shopify Partner
2265 496 647

Hey @aebutter,

I checked your website. It has already had text color when you hover. Did you fix the issue?

Let me know.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Astronaut
1083 178 213

@aebutter 

Do this to fix it in 20 seconds

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

 

[id] .site-nav__link:hover,
[id] .site-nav__link:hover *,
.site-header__icon:hover,
.site-header__icon:hover *{
    color: #7d7d7d !important;
    border-bottom-color: #7d7d7d !important;
}

 


You can change the values #7d7d7d to any hex color you wish. 

Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
3 0 0

Hi Diego @diego_ezfy ,

Thank you for your reply! I copied and pasted it but it only changes the hover color for my header. None of the clickable parts in the footer or on other pages like products in my "candles" page change color when you hover over them. Please how can I fix that.

Thank you

0 Likes