Change footer link colour & hover

[INFRA]

Hi,

I'm trying to change the original colour and hover colour on our footer links. It's currently grey with white hover but it should be the opposite. I've added below code but the 'white' part is not working here.

Any thoughts? Thanks so much!

    .links-footer ul * {
    font-weight: 900 !important;
      font-size: 14px;
      font-color: white !important;
      text-transform: uppercase;
}

Website

Password: wine

[B2Bridge · Accepted solution]

Hi @INFRA, you can follow these steps:

Step 1: Open Online Store -> Themes -> Edit code

Step 2: Find theme.min.css file

Step 3: Paste this code at the bottom of the file

.links-footer ul li a {
    color: white !important;
}

.links-footer ul li a:hover {
    color: #666666 !important; // Replace with your taste
}

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you 😍 

[INFRA]

I'm also trying to remove the underscore on hover,

 I tried the below2 options but they didn't work. Anything else I could try? Thanks so much!

text-decoration: none !important;

and 

text-decoration: unset !important;

[B2Bridge]

Use this, please:

background-image: none !important;

[INFRA]

worked perfectly, thanks so much!