I’m not sure who to address this question to. Microthemer or Beaver Builder. The Microthemer css elements that I’ve created do not transfer to templates. I even tried adding the css from Microthemer to style.css and then creating a new template. The css elements created in BB are fine, but not the Microthemer css elements.
template from http://new.countryhouseresort.com/queen-yard-view-sister-bay/
Elements not transferring
– Up Cross Sell Frame
– Review Background
– Review Title (font)
I think I see the problem here. I will use your review section as an example. You have targeted the review area on the Country House page using a class that is unique to the review on that particular page:
You have created a CSS selector in Microthemer that targets the specific fl-node class on that particular page:
fl-node-56460fcc7aa3e
On the King Water View page, the review div has a different class:
fl-node-5659355eb36f5
So the selector fails to have an effect because it isn’t targeting anything on the king water page, even though you have used the same Beaver Builder template.
Does Beaver Builder allow you to add your own classes to sections of content? If so, you could give common sections a common class (e.g. ta-reviews). Once you’ve done that, Microthemer’s selector wizard will pick up your custom classes, which you can select on the Targeting tab.
Great, finally got some time to work with this and got it working. Along with your direction, I found this video to be very helpful in getting the css classes in Beaver Builder to register. https://www.youtube.com/watch?v=LBJRpEn35vI
Thanks again, Lynn
.
.