How can I change the text color on hover for the text in the footer?

Store Design
1

Website is: https://test-kds01.myshopify.com/?_ab=0&_fd=0&_sc=1

Password is: password01

The words “Terms & Conditions, Privacy Policy, Refunds, and About” disappear on hover since the text is the same color as the footer block. Trying to figure out how to change the text color on hover for those words alone.

2

Hi and welcome!

Add this to the bottom of your base.css file:

.site-footer a:focus, .site-footer a:hover {
    color: red !important;
}

Change the color to suit your need :slightly_smiling_face:

3

Thank you! I just realized that the subscribe button for the email section in the footer has the same problem. How can I target that with CSS?

4

No problem!

Add this to the bottom of your base.css file:

.footer-email .btn-underline:hover {
    border-bottom-color: green !important;
    color: red !important;
}

Change the colors to suit your need :slightly_smiling_face:

5

Unfortunately, that code isn’t working.

6

Ahh okay, the issue is the style code for the footer is in the actual theme.liquid file I believe so you will need to apply it in there or edit the values that are already within it.

Search for .footer-email .btn-underline:hover in the theme.liquid file and it should come up, if not I can request collaborator access and take a look for you if you provide your STORE.myshopify.com URL