Archived topic

How to adjust the letter spacing in primary navigation

3 replies · Started by Trạng on July 22, 2021

Viewing posts 1–4 of 4

July 22, 2021 at 4:19 am #1866136

Dear suppoter, I am using Crypto theme in Site library.

I want to narrow my the letter spacing for the primary navigation but there is no place to adjust that.

This is the sample I want -> Click here

And this is the current text on my navigation -> Click here

July 22, 2021 at 4:51 am #1866170

Hi there,

for now you cant try using this CSS:

.main-navigation a {
	letter-spacing: -0.5px;
}

In the next versions of GP and GPP you will have this option in the Customizer :)

July 22, 2021 at 7:12 am #1866354

Hi I place it here as your guide but seem it doesn't work. -> Screenshot

July 22, 2021 at 7:24 am #1866372

I can see you added this CSS:

.main-nav ul.menu li a {
    letter-spacing: 0.08em;
}

And that is working but you're adding spacing not reducing it. To reduce it you need to make the value negative ie.

.main-nav ul.menu li a {
    letter-spacing: -0.08em;
}

This archived topic is closed to new replies.