Footer links colour change and hover colour on icons such cart, hamburger.

Highlighted
New Member
1 0 0

Hi everyone,

I want to change colour of text in the footer and I have managed to do so, however I cannot change colour of the footer links (as you can see in the picture)

footer.png

 

Also when I hover over cart or hamburger icon, it doesn't change. I want to be gray as it is with links.

Any help will be very much appreciated. My code is given below.

Cheers

 

header.site-header {
  background-color: #28AB00;
}
.site-header__mobile-nav {
  background-color: #28AB00 !important;
}
footer.site-footer {
   background-color: #303030;
}
div#shopify-section-header.shopify-section {
  background-color: #28AB00;
}
header.site-header h1,
header.site-header nav li a {
  color: #FFFFFF;
}
.mobile-nav-wrapper {
  background-color: #268908 !important;
}
.icon-search {
  color: white;   
}
.icon-cart {
  color: white;  
}
.icon-hamburger {
  color: white; 
}
.icon-customer {
  color: white; 
}
footer.site-footer p {
    color: white;
}

 

0 Likes