Foundry Nav Type Letterspacing

Classic Stacks
1

Hi

I’m looking to add some letterspacing to the text in my navigation (using the standard Nav Bar stack in Foundry).

Any idea of what CSS I can use to be able to to that?

Cheers!

2

Are you trying to add spacing to the menu items text or to something else in the nav bar?

3

Hi there - just the actual text in the nav bar. I would like to track the lettering out a little…

Thanks

4

I’m still not 100% clear on what you want to change. Are you talking about the “Branding” text? Do you happen to have a link?

If you are talking about the branding text, you should be able to paste this into the Settings --> Code --> CSS area. Adjust the px as needed.

nav.navigation_bar .navigation_branding a {
	letter-spacing: 2px;
}
5

Hi Don - sorry for the confusion. I’m looking to add letter spacing in the navigation text itself - I’ve attached an image - the white text is what I hope to change. Cheers

19
19716×120 5.03 KB

6

Without a URL to a test page it’s hard to tell for sure but, give this a try:

a.nav_item {
    letter-spacing: 2px;
}
7

Doug’s code should work fine for the actual menu items’ text.

8

Bingo! That’s spot on. Thanks very much

9

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.