Custom Navigation Header Based on White Background

IndigoBolt11 · September 3, 2022

Site URL: https://www.risingfirefly.org/

Hi I want to have a white navigation font, but have it dynamically change to dark brown when the page or header section would be white- dose anyone have custom code for this?

tuanphan · September 4, 2022

You mean change nav color on different page or different sections on same page?

IndigoBolt11 · September 7, 2022

@tuanphan I have the nav color set to white because I am using a gradient header, but on white pages, I want it to change to black -so on any page that is using a white background color (shop, blog etc.) I want the navigationw hich is stuck on white to change to black

tuanphan · September 8, 2022

22 hours ago, IndigoBolt11 said:

@tuanphan I have the nav color set to white because I am using a gradient header, but on white pages, I want it to change to black -so on any page that is using a white background color (shop, blog etc.) I want the navigationw hich is stuck on white to change to black

TO change nav item color on one page, you can add this code to Page Header

<style>
  div.header-nav-item a {
    color: black !important;
}
</style>

Custom Navigation Header Based on White Background

Recommended Posts

IndigoBolt11

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

tuanphan

Link to comment

IndigoBolt11

Link to comment

tuanphan

Link to comment

Create an account or sign in to comment

News

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources