How can I change the menu title font color without affecting the whole website?

[bbam]

Hi everyone.

So I want to change my font colour of my menu titles. Currently it’s stuck on black and when I try to change “text color” in themes it changes everything on the website to white (I have white backgrounds so this is no good)

Can some please help?

I’ve attached photos

[oscprofessional]

Hello @bbam

Could you send the store URL so that I can review your query?

[bbam]

bbam.com.au

[oscprofessional]

Hello @bbam

I hope this code will be helpful to you.

Go to the online store > Theme >Edit Code > Assets >base. css>Add code at the bottom.

summary.list-menu__item {
    color: #fff !important;
}
.header__icon span {
    color: #fff !important;
}
.footer-block--menu h2 {
    color: #fff !important;
}
a.link.link--text.list-menu__item.list-menu__item--link {
    color: #fff !important;
}

[layoutbase]

Hi @bbam ,

We’d like to offer a solution for this:

1. Go to Online Store → Theme → Edit code
2. Asset → /base.css
3. Paste the code below at the bottom of the file:

.header__menu-item span {

    Color: white;

}

.header__icon span svg path,

.header__menu-item .icon-caret path {

    Fill: #fff;

}

We hope you find this suggestion helpful, happy building

Best regards,

Layoutbase - Homepage & Blog Page-builder

[bbam]

That worked for the main menu but didn’t work for the sub menus or the login

see below

[oscprofessional]

Hello Again @bbam

Go to the online store > Theme >Edit Code > Assets >base. css>Add code at the bottom.

.header__icon, .header__icon--cart .icon {
    color: #fff !important;
}
.mega-menu__link {
    color: #fff !important;
}

I hope this code will be helpful to you

[bbam]

YES! That worked… Thank you so so much