I am changing my site over to Dawn from Venture. I have changed the background color to black, but the font is still black on the submenu. Does anyone know the code to change the header text color for menu and submenu?
Hey @tatumutv .
Thanks for reaching out.
I appreciate the context that you have shared as well as letting us know which theme you are using. Looking into the options available using the Dawn theme, you can navigate to the Theme Editor and select on the theme settings. You should then see the Colors section that will allow you to change the color of the font on the online store. I took a screenshot from my test store to show you the section I am referring to:
Let me know if that does the trick.
Hello, I was trying to ONLY change the text in the header but no where else on the site. I did find a trick online but had to tweak it a bit.
.header__icon,
.menu-drawer__close-button:focus,
.menu-drawer__close-button:hover,
.menu-drawer__menu-item–active,
.menu-drawer__menu-item:focus,
.menu-drawer__menu-item:hover,
.list-social__link,
.link–text,
.header__active-menu-item {
color: white !important;
}
summary.header__menu-item.list-menu__item.link.focus-inset {
font-size: 17px !important;
}
a.header__menu-item.header__menu-item.list-menu__item.link.link–text.focus-inset {
font-size: 15px !important;
}
a.header__menu-item.header__menu-item.list-menu__item.link.link–text.focus-inset {
color: #ffffff !important;
}
summary.header__menu-item.list-menu__item.link.focus-inset {
color: #ffffff !important;
}
.header__icon, .menu-drawer__close-button:focus, .menu-drawer__close-button:hover, .menu-drawer__menu-item–active, .menu-drawer__menu-item:focus, .menu-drawer__menu-item:hover, .list-social__link, .link–text, .header__active-menu-item { color: white !important; } summary.header__menu-item.list-menu__item.link.focus-inset { font-size: 17px !important; } a.header__menu-item.header__menu-item.list-menu__item.link.link–text.focus-inset { font-size: 15px !important; } a.header__menu-item.header__menu-item.list-menu__item.link.link–text.focus-inset { color: #ffffff !important; } summary.header__menu-item.list-menu__item.link.focus-inset { color: #ffffff !important; }