Is This Still a Valid Way to Change Link Hover Color For Foot Links (Shopify's Free "Minimal" Theme

Store Design
1

I am using the Latest Version of Shopify’s Free “Minimal” Theme (literally just installed it yesterday, April 15th, 2022).

I wanted to change the Link Hover Color of the Footer Links ONLY

So I put this code into the bottom of my “theme.scss.liquid” file, just like this:

/* adjust the hover colour for the footer and return link */

.site-footer a:hover{
color: #0000FF
}

It Appears to Have Worked Perfectly (and now my hover color for ONLY the footer Links is Blue, like I wanted).

However, is this STILL the Best Way to do the code?

I Found this Code Solution from a post on here that was 7 YEARS Old (but from a VERY good Shopify Expert).

So is this still the way to do it in my case?

Thanks.

2

Sounds like you did a great job fixing your footer link colors, this is still a great way to modify the hover color. If you’d like, I can test that code out for you on multiple viewports/browsers? What’s your store’s URL and passcode (if any)?

3

Hello. That would be great if you could test it on multiple browsers etc.

Here is the URL: https://beystation.myshopify.com/

NOTE: I have now changed the footer background color, so I have changed the Footer Link HOVER Color to a very Light Silver (#E1E1E1)

Please let me know if it works on all browsers etc.

Thanks!

4

Looks good on all the major browsers, way to go!