Matching Font In The Header And Closing The Space

  • Unknown's avatar
    demofo · Member ·

    Hello~

    I’m trying to get the font within my menu to match the rest of the headers and the font with the footer. The name of the font I am using is FF Market . The FF Market is the type of font I’m trying to change the font within the menu to. Also, you’ll notice that is a lot of space between the links in the menu, need someone to help me decrease the size of that space pretty please :)

    Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    siobhyb · Member ·

    Hi @elconquistador30,

    I’m trying to get the font within my menu to match the rest of the headers and the font with the footer. The name of the font I am using is FF Market.

    I’m happy to see you were able to assign FF Market as the font in your menu using the following custom CSS:

    .wf-active #site-navigation {
	font-family: "ff-market-web-1", "ff-market-web-2", cursive;
}

    Do you have all of the font looking as you wish it now? If not, I’ll be happy to assist further.

    Also, you’ll notice that is a lot of space between the links in the menu, need someone to help me decrease the size of that space pretty please :)

    You can decrease the spacing between the links in your menu using the following CSS:

    @media screen and (min-width: 768px) {
.nav-menu>li>a:after {
    margin-left: 0.7em;
}

.main-navigation ul li {
padding-right: 0.7em;
}
}

    Increase/decrease the value of margin-left and padding-right in the above snippet to increase/decrease the spacing. Increments/decrements of 0.1 are enough e.g. 0.5, 0.6, 0.7, etc.

    Let me know how you get on or if you have any extra questions.

  • The topic ‘Matching Font In The Header And Closing The Space’ is closed to new replies.