Colour changes on footer links as you hover over the link

Technical Q&A
1

Hi Shopify Community,

Does anyone know how to change the colour of footer links as you hover over the link?

For example my footer links are white but if I was to hover over a link such as ‘About’ I would like it to turn to purple 7898FF.

This would be a nice to have feature - no drama if no one knows.

Thanks!

G

1 Like
2

@kindredpeople

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

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

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

3

Hi @kindredpeople ,

Go to Assets > styles.css and paste this at the bottom of the file:

.section-footer__menu-block__menu a:hover,
.section-footer__menu-block__menu a:focus {
	color: #7898FF !important;
}

Hope it helps!

4

Amazing!! How do you know all this! it worked thank you.

I was wondering if you could give the code that applies to all of the footer links including privacy policy, currency, newsletter.

Thank so much LitExtension!

5

Hi @kindredpeople ,

Please change ‘section-footer__menu-block__menu’ => ‘section-footer’

Screenshot.png
Screenshot.png949×347 21.4 KB

it will change all footer links