Using Custom Font/Changing Color on Headers on Page Builder

I would like to change the font and the color for the “navigation bar with answers search bar” in Page Builder if possible. (highlighted in screenshot). I specifically have 2 questions about it.

  1. I targeted .navbar-light and was able to change the font to some of the built-in options to test if I’m targeting the right element. However, I can’t figure out how to change the color of the text. Do I need to use a different CSS element? Using “color: red” was not working.

  2. Is it possible to use a custom font file to change the font of headings in the navigation bar on page builder? I’d like to use the font file the client gave me but can’t figure out how to do that.

Thanks!

For #1, I have since figured out that you can use .navbar-light .navbar-nav .nav-link { } to change the color!

Hi hitchhikers team,

I wanted to follow up on the below question around using custom fonts in Page builder - are we able to do this?

Is it possible to use a custom font file to change the font of headings in the navigation bar on page builder? I’d like to use the font file the client gave me but can’t figure out how to do that.