Docs

[sledgemasterrrr]

How can i change my menu font to the custom one I just installed on my child theme please help. I managed to chane the title with some custom css i saw on other forum threads but could not find any for the menu my website is https://fayettevillestakereliefsociety.com

[Rahul]

Hey There!

From Customizer > Typography, you can enable custom fonts. From there you can choose what font should be applied to each section of your site, including the navbar

We have a tutorials on all the customizer options at our knowledge base: http://theme.co/x/member/kb/

[sledgemasterrrr]

custom fonts is not an option for me.

[sledgemasterrrr]

Its no where in customizer for me

[Rahul]

Hey There!

Thanks for writing in! Follow the steps described below to add any custom fonts to your theme using @font-face.

Step 1: First you need to convert the fonts (eg. TTF or OTF format) that you have to use with @font-face. Use one of the following tools: http://fontface.codeandmore.com or http://www.fontsquirrel.com/fontface/generator to generate the fonts.

Step 2: Download the generated zip and you should have the following font formats: .eot, .svg, .ttf and .woff. Upload those font files to your server (ie. create a ‘fonts’ under your root folder or ‘wp-content’ folder).

Step 3: Now you need to specify the font in your CSS. The CSS can be added via Customizer > Custom > CSS or creating custom.css file in theme folder:

@font-face {
    font-family: 'FontName';
    src: url('http://yoursite.com/fonts/fontname.eot');
    src: url('http://yoursite.com/fonts/fontname.eot?#iefix') format('embedded-opentype'),
        url('http://yoursite.com/fonts/fontname.woff') format('woff'),
        url('http://yoursite.com/fonts/fontname.ttf') format('truetype'),
        url('http://yoursite.com/fonts/fontname.svg#fontname') format('svg');
}

Now you may specify which elements to apply the custom font.

h1, h2, h3, h4, h5, h6, #site-logo, .post-title, .widgettitle {
    font-family: "FontName";
}

Hope that helps.

[sledgemasterrrr]

I have already done those steps and none of them work for my whole website

[sledgemasterrrr]

This reply has been marked as private.

[Jade]

Hi there,

Kindly provide us with your FTP details as well so that we could check the font files.

Thank you.

[sledgemasterrrr]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for the credentials, but I believe you successfully installed the font on your site and you just need it to apply on the menu? If so, please add this on your custom CSS in customizer.

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
	font-family: HelloSketchie;
}

Hope it helps, Cheers!

[Author]

Posts