Can't change font on menu optons??

Beaver Builder
1

This appears to be a huge oversight - there is no way to change font used within the menu module - why would allow colour changes and not fonts??

As a work around I’ve added a custom class of bb-mmenu and added the following custom code to my theme’s (Dynamik for Genesis) custom CSS

.fl-builder-content .bb-mmenu {
font-family: Verdana, sans-serif;
font-weight: bold;
}

I tested this making the background black and it worked - but changing the font doesn’t - what am I missing

http://alviva.ehsowerbutts.com/our-approach/ it’s the menu on the green strip - should be Verdana

2

Hey Lis,

Your code appears correct but you lack the a tag in the selector so try modifying it to this .fl-builder-content .bb-mmenu a.

Our apologies for not having the option to easily change the font in the module, it does sound like something we should be considering. Feel free to add that in as a feature request on our UserVoice.

Jun

3

Why do I need the “a” - can you point me at a resource on how to address custom CSS ? Sorry beginner questions but if I can get my head around custom CSS for BB I think I can do anything I need to!

4

Hey Lis!

When dealing with CSS, you need to be familiar with precedence. Most of the time there’s no wrong code, there’s just another one that takes precedence. For instance, you had a style applied on an li which should work if a text is directly inside li with no other tags but if there is either a p or an a tag wrapped around the text, styles applied on the a/p tags will take precedence than you’re styling on the li.

When working with CSS, the dev tool is your best friend. You can try out different codes using the dev tool alone. I personally use Chrome’s dev tool(press f12 to launch) but you’re free to use any browser you like.

Hope that helps!
Jun

5

Thanks so much - that’s really helpful - and yes I think that was the bit I was missing!

6

Hi Lis,

Thanks for informing us the issue has been resolved, we appreciate it.

Thanks,
Danny