PageBuilder not playing well with old Framework

[lesliekirk]

I've got a site that the storeowner wants to use PageBuilder on. When I try to set up a test page it's obvious the there are multiple layout clashes between old layout coding and the new. I "think" but cannot confirm that the layout was built on the original CSSUI framework. I had attempted to create a SFNT page in a branch. It looked to have some sort of conflict with the Global Footer which pulled the content from the Global Footer up to the left of the layout (sort of like an aside). If I remove all of the Components the Global Header and Global Footer are fine. As soon as I add a Component, the font size of the H tags gets taken over by the Component CSS. It would also seem that the PageBuilder does not like the width of the site layout (which could be causing this odd layout issue). The site width is 960px - could this be the cause of the first issue?

How do I prevent the CSS from the PaegBuilder Component from impacting the style of the content for the page?

It's using this (from Component))

h2 {
font: var(--display-3-font);
color: var(--heading-color);
text-transform: var(--heading-case);
}

h2 {
display: block;
padding: 0;
margin: 0 0 var(--text-margin-bottom) 0;
}

instead of this

h2 {
font-size: 14px;
padding-bottom: 10px;
color: rgb(110, 110, 110);
}

[Brennan]

There is a bug in the current version of PageBuilder where the H2 styles are too broad. Here is the fix:

https://docs.miva.com/pagebuilder-bug-fixes

[lesliekirk]

There is a bug in the current version of PageBuilder where the H2 styles are too broad. Here is the fix:

https://docs.miva.com/pagebuilder-bug-fixes

Thanks Brennan, but that particular tweak didn't fix the problem. But all the other fixes here did https://gist.github.com/bheyde/4a483...ons?diff=split