Archived topic
Prevent GP typography settings from changing Beaver Builder's editor interface?
9 replies · Started by Nik on August 8, 2022
Basically as in the topic title - is there a way to prevent typography settings (created in the new GPP typography editor) from affecting Beaver Builder's interface?
It's something I've seen and ignored a lot in the past, where a mixture of BB's intended styling and some typography CSS from GeneratePress overrides it in so you end up with multiple fonts and some funny looking sections. But on a site I'm building right now, it's causing lots of buttons to be quite large and in block caps, and making some input boxes overspill their containers.
Hi there,
GPs typography CSS is pretty low on the specificity, if its overriding UI styles then i would expect BB isn't writing styles for its own UI or something else is going wrong.
Do you have a staging/dev site where i could login and see the issue ?
Thanks! It's something I've come across often, but only really with BB actually.
Details in the private box. :)
So i edited a page ( no saves ), the UI looks correct for me and I inspected the Beaver Builder UI. This is what i see:
https://www.screencast.com/t/8HoxyZUx
You can see the CSS Rules for the BB elements: .fl-builder--search-results-panel, .fl-builder-panel are being loaded after the theme styles. And they are a more specific then the GP Style here.
Its hard to say whats happening without seeing the bug on screen, but i get the impression that maybe BB stylesheets are not always loading for you. If it happens again, keep the editor open and open the browser developers tools and check in the Console tab for any errors.
That's really interesting. I've just tried in a private window and am seeing the same as you.
Thanks - looks like it's unsurprisingly not a GeneratePress issue, so I'll try to figure out what's happening. :)
Actually, I'm still seeing it - dropping some new details into the private box.
Yeah BB isn't styling those aside from the modal color.
I had a quick inspect here:
https://www.screencast.com/t/w8CulocJ
the button.min and media-views stylesheets are core styles.
And the font-family for that button comes from here:
https://www.screencast.com/t/DfSi5RE4E
Thats probably a dynamic style from BB, not sure if thats set in that template or from some other setting,
That's really helpful, thank you again! I'll ask BB.
You're welcome.
And done :)
