Docs

[philgreen]

Hi,

I have a tried to change the Nav Bar font to a custom font. I already use the custom for Headings, post titles and widget titles.

It also works for sub menu item but not the main nav bar.
I’ve attached a screen shot to illustrate.

This is the code I have that works for the above said items.

Please can you advise how to make the main Nav bar font Bebas_neuebold like the others.

}

h1, h2, h3, h4, h5, #site-logo, .post-title, .widgettitle, .x-nav, x.btn {
    font-family: "bebas_neuebold" !important;

Many thanks,
Phil

[Rupok]

Hi Phil,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.x-navbar .x-nav > li > a {
  font-family: "bebas_neuebold" !important;
}

Hope this helps.

Cheers!

[philgreen]

Excellent, Thank you!

I’m now trying to changing the font size for the nav bar on mobile.
How might I go about this?

When updating X theme, do changes in custom CSS remain or get change?

Thanks,

[Rupok]

Hi there,

Thanks for writing back. To change the navbar font size for mobile, it seems you have already applied this :

.x-navbar .mobile .x-nav li > a {
  font-size: 20px !important;
}

It’s working fine, let’s change this if needed.

If you update theme then Customizer setting shouldn’t get changed. However to be on safe side you can always keep a backup of your Customizer settings by exporting a backup of Customizer from Customizer Manager under X Addons.

Hope this makes sense.

Cheers!

[philgreen]

Brilliant, thank you.
Yes, I had found the info on a post.
Should have looked before asking.

Cheers.

Phil

[Rupok]

You are welcome Phil!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts