Header builder custom font type

Evhulten1990 · January 2020

Hi there,

for this website: http://goodweekdevelopment.brandness.marketing/ I am using the header builder.

For the entire website i am using a custom font... unfortunataly i am not able to choose this font in the header builder.

is there any way to make sure the menu font is the same as the rest of the website.

Pablo · January 2020

Hello,

Sadly, this option is not possible to achieve at the moment - we will surely add it, but we cannot tell exactly when.

For now, you would have to use CSS code to achieve that.

Do you need further help with it?

Thanks

Piet1945 · January 2020

OK Pablo, so please give an example of how to do just that using CSS.

I cannot find the correct id or class to change the menu font.

Thanks

Piet1945 · January 2020

It appears that the developers of BeTheme are using an inline stylesheet. This is a <style> statement that appears within the <head> section.

I found that this statement can not be changed by the user. Custom css in the Wordpress environment will not (or just partially) work because inline stylesheets take precedence over other style declarations.

This precedence can be overridden by an !important rule.

I found that the following works for me when I want to change the menu font:

(In the Custom CSS of the Theme options)

.menu > li > a {font-family: Times !important; font-size: 40px !important}

Hope this works for Evhulten1990

I hope that the developers come up soon with a better menu customization. Sub menu items are plain ugly.

Pablo · January 2020

Well, if you want to use the font which is available in google (https://fonts.google.com/), then you can simply select it in the Theme Options > Fonts & Style > Fonts.

If you are using the Muffin Header Builder, then you can select it in the menu item settings.

Thanks

Header builder custom font type

Comments