Comments katiemac00 started the conversationMarch 5, 2020 at 4:13amI would like for the contact button text to stay white even when on the contact page. Is this possible? 3,180Andrew repliedMarch 5, 2020 at 7:20amHi 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.katiemac00 repliedMarch 5, 2020 at 6:40pmThat worked! THANK YOU!katiemac00 repliedMarch 17, 2020 at 2:26pmFor whatever reason the css you sent over is no longer working. Any ideas? 3,180Andrew repliedMarch 17, 2020 at 3:25pmHi 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.katiemac00 repliedMarch 18, 2020 at 7:01amWorked perfectly! Thank you. katiemac00 repliedMarch 18, 2020 at 7:35amSpoke 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. 3,180Andrew repliedMarch 18, 2020 at 4:23pmHi 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.katiemac00 repliedMarch 19, 2020 at 2:49amThat worked! Thanks for the top notch support! Sign in to reply ...
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!