beaverbuilder / bb-code-settings Goto Github PK

Hello,
I can't find a way to use both bb code setting and MooSend. I get a critical error when entering the page builder. Below is the script they use. The same happens with their WP plugin although the issue is confined to the page their shortcode is on.

This shows the form:

Thank you

Hi Justin,

1. I recently activated this plugin on my own site and it broke my setup because I was already using the wp-scss plugin. Is there any way to make them work together?

2. Would it possible to write SCSS in the bb code settings? I think it currently only supports regular css?

Kind regards, Twan

For the Title module, I added some simple CSS and the template would not save and hence gave me a fatal error.

UPDATE: Sorry, the information seems wrong below SVGs in the other BB areas only seem to work when in the editor view not when published.

You can use SVGs as a background-image URL in BB's Layout/Global CSS but it seems not to work in the BB code settings areas.

The bottom of his page shows an example:
https://designs.beaverjunction.com/fancy-headings/

This is the code use:
.test .fl-module-content {
background-color: #11aa44;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%230099ff' fill-opacity='1' d='M0,32L48,53.3C96,75,192,117,288,165.3C384,213,480,267,576,272C672,277,768,235,864,192C960,149,1056,107,1152,90.7C1248,75,1344,85,1392,90.7L1440,96L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z'%3E%3C/path%3E%3C/svg%3E");
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}

Thank you :-)

Hi. I tried plugin with Text Editor Module.
I pasted some content from jeffsum.com, then insert a link.
Then use CSS
a {
color: green !important;
}
It works in Editing Mode, but not after saving (Done > Publish).
Here is screen recorder video: https://www.loom.com/share/c1bb278f95a749c1a88862c011fa5475

I also tried with strong tag, it also had problems like a tag
and finally, the plugin is great, it will help my current work.

I saved a template with Posts modules - there are BB code settings with CSS included. I've exported this template and imported it elsewhere. The imported template includes the line breaks, breaking the CSS.

Using Beaver Builder, Beaver Theme and Beaver Themer and BB Code Settings plugin.

In the additional CSS field this plugin makes available, I added the following CSS line

h4 {
font-size: 24px;
}

After adding this, when I open Beaver Builder text module, it loads slow and also adds two additional text fields which I've never seen happening before. When I enter text in the first or third module, nothing happens or shows. When I enter text in the second field, it does show. But when I edit the module again, it disappears.

Video: https://www.facebook.com/100004513338419/videos/1707786772715084/

I was going along my merry old way adding some custom js and css to my bb with code settings and accudentally put a colon instead of a semi-colon somewhere and I got a critical error and can't get back into the editor to fix it! what do I do? Are you aware of this issue?

Example:

--mobile p {
color: red;
}

Rewrites to:

@media (max-width:767px) {
.fl-node-1d43q3gf56s p {
color: red;}
}

The max-width for mobile can be pulled from BB global settings.