Updating Font Color for Nav Bar Text Independently

Search Best Practices - Search Front-End
1

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

2

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
3

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

image
image1303×824 63.3 KB

4

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:

image
image774×527 92.2 KB

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

Hope that helps!

5

That worked - thanks so much Liz!