Use the following custom css in Salient > General settings > CSS/Script related:
body.material #header-outer[data-has-buttons="no"][data-full-width="false"][data-format="default"] #top nav >.sf-menu >li[class*="button_"]:last-child a {
color: white !important;
}
To correct the issue, use the following custom css in Salient > General settings > CSS/Script related:
#header-outer.transparent #top nav .sf-menu > .current-menu-item > a #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .current-menu-item > a, #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .current_page_item > a {
color: #fff !important;
}
To correct the issue, I recommend updating the custom css to this one.
#header-outer.transparent #top nav #menu-item-12 > a #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > #menu-item-12 > a, #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > #menu-item-12 > a {
color: #fff !important;
}
I would like for the contact button text to stay white even when on the contact page. Is this possible?
Hi there,
Use the following custom css in Salient > General settings > CSS/Script related:
body.material #header-outer[data-has-buttons="no"][data-full-width="false"][data-format="default"] #top nav >.sf-menu >li[class*="button_"]:last-child a { color: white !important; }Hope this helps.
That worked! THANK YOU!
For whatever reason the css you sent over is no longer working. Any ideas?
Hi there,
To correct the issue, use the following custom css in Salient > General settings > CSS/Script related:
#header-outer.transparent #top nav .sf-menu > .current-menu-item > a #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .current-menu-item > a, #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .current_page_item > a { color: #fff !important; }Hope this helps.
Worked perfectly! Thank you.
Spoke too soon. Now the active menu state for each menu item is white. I would just like for the Contact Us button to stay white on the contact page.
Hi there,
To correct the issue, I recommend updating the custom css to this one.
#header-outer.transparent #top nav #menu-item-12 > a #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > #menu-item-12 > a, #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > #menu-item-12 > a { color: #fff !important; }Let me know how it goes.
That worked! Thanks for the top notch support!