Footer Links and Colour

[envirogroup]

Hi,

Can you advise on how to change the footer and the bottom links on my website? They only appear if I hover?

Can you also advise on how to change the nav bar bottom colour on the mobile?

OZONE STERILISATION CLEANS TO COMBAT COVID-19 - Enviro FWA

[lely]

Hi @envirogroup,

It’s white because of your custom CSS on Theme Options > Global CSS

footer p, footer h3 {
   
    color: white;
}

footer a {
  
    color white;
}

footer p:hover, footer h4:hover {
   
    color: White;
}

footer a:hover {
  
    color: White;
3
  
  
  font-size: 25px;
    color: white;
}

Change white to your preferred color. Then remove the # 3 from the CSS code because it is causing syntax error.

Hope this helps.

[envirogroup]

Hi.

I have completed that. It did not work - If I remove the number 3 it makes all the links appear bigger also - I don’t want this.

Can you advise please?

Thanks

[ruenel]

Hello Conor,

You haven’t removed the 3 in the code.

Please have the code updated and use this:

/*
// Footer.
*/

footer p,
footer h4 {
  color: black !important;
}

footer a {
  color: black !important;
}

footer a:hover {
  color: black !important;
}

footer .footer-services {
  font-size: 16px;
  letter-spacing:0;
  color: black !important;
}

footer .footer-credit {
  font-family: "Montserrat", sans-serif;
}

footer p, footer h3 {   
    color: black !important;
}

footer a {  
    color: black !important;
}

footer p:hover, footer h4:hover {
    color: black !important;
}

footer a:hover {
    font-size: 25px;
    color: black !important;
}

.widget {
    text-shadow: none;
}

I went ahead and resolved your issue already. Please check your footer now.