Hey Judith, I changed the color but still it shows black font color (https://evranch.bravehost.com/western-spa-skin-care/) and I want this kind of background on the header navigation(see attachment below), can you help me create this either by Salient or by custom coding it, Thank you
The issue is that when you have a white font color for the menu, when you scroll on bright sections of the site, the menu won't be visible as shown here :
However this is a css you can use to adjust their colors:
#header-outer[data-lhe="animated_underline"] li > a .menu-title-text { color: white; }
Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related.
If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.
To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:
From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:
#header-outer[data-lhe="animated_underline"].transparent.dark-slide #top nav > ul > li > a .menu-title-text:after, #header-outer.dark-slide.transparent:not(.side-widget-open) #top nav>ul>li[class*="button_bordered"]>a:before, #header-outer.dark-slide .nectar-mobile-only.mobile-header li a .menu-title-text:after {
border-color: #ffffff!important;
}
Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related.
If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.
How can I change the color of the header navigation to white?
Hi Sanya,
Thanks for writing to us.
You can adjust the color from here Salient > Header Navigation > Color Scheme :
I hope this helps.
Please feel free to write to us in case of any other queries.
Hey Judith, I changed the color but still it shows black font color (https://evranch.bravehost.com/western-spa-skin-care/) and I want this kind of background on the header navigation(see attachment below), can you help me create this either by Salient or by custom coding it, Thank you
Hi Sanya,
Thanks for writing back.
The issue is that when you have a white font color for the menu, when you scroll on bright sections of the site, the menu won't be visible as shown here :
However this is a css you can use to adjust their colors:
#header-outer[data-lhe="animated_underline"] li > a .menu-title-text {color: white;
}
I hope this helps.
Best Regards.
Can we add background color to the header navigation? a little black background color
Hi Sanya,
Thanks for writing back.
To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:
From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:
body[data-bg-header=true] #header-outer[data-permanent-transparent="1"].transparent { background-color: #140a0aa6!important; }Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related.
If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.
How can I change the border color to white, it shoes black right now
Hi Sanya,
Thanks for writing back.
To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:
From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:
#header-outer[data-lhe="animated_underline"].transparent.dark-slide #top nav > ul > li > a .menu-title-text:after, #header-outer.dark-slide.transparent:not(.side-widget-open) #top nav>ul>li[class*="button_bordered"]>a:before, #header-outer.dark-slide .nectar-mobile-only.mobile-header li a .menu-title-text:after { border-color: #ffffff!important; }Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related.
If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.