Updating Font Color for Nav Bar Text Independently

Hi Team,

I want to change the color of the text of the non-highlighted verticals in the Nav Bar (i.e., the Vertical result pages that aren’t currently selected). I have tried to update the font color using the “–yxt-color-text-primary:” variable, however making a change here also impacts several other elements on the page.

Can you please help me figure out how to change the font color for only these Nav Bar headers?

Thanks,
Chris

Hey Chris -

The easiest way to do this is to add the following to the answers-variables.scss file under :root

--yxt-nav-text-color: white; 
1 Like

Hi everyone! I am also getting the ‘Update the primary text color variable’ portion wrong. Would anyone be able to look at my code?

Hi Hannah,

You’re updating the right thing, just with the wrong hex value! You want to pull the text color from the demo Turtlehead Tacos website. You can find this by inspecting the page and hovering over the section – in Chrome you actually can see this friendly popup:

You’ll see there that the color is #373a3c.

Hope that helps!

That worked - thanks so much Liz!