Why does my footer menu text color change when viewed in a browser?

[houssamalissa]

Hi guys,

Can anyone explain to me why my footer menu text is white in my editor

…but almost invisible when I visit via a browser?

[system]

hii, @houssamalissa
Paste this code on the top of theme.scss file.

a {
    color: white !important;
}

Thank You.

[dmwwebartisan]

@houssamalissa

Please add the following code at the bottom of your assets/theme.css file.

.site-footer__linklist a {
    color: #fff !important;
}

Hope this works.

Thanks!

[Kinjaldavra]

hello @houssamalissa

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-footer__linklist a {
    color: #fff !important;
}

[houssamalissa]

Thanks both!!

Also, something that I’m not sure was there before - there are these little lines under a couple of the menus. Any idea how I can get rid of those?

[Kinjaldavra]

hello @houssamalissa

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-footer .grid__item::after {
   opacity: unset; 
}

[houssamalissa]

So actually that just made them white…

[houssamalissa]

But I fixed that by changing opacity to 0 - so thanks!