SOLVED: Code element breaks the builder

Bugs
1

I have this issue with the code element:

I am using elfsight on my site (https://elfsight.com/)
and when I paste and activate elfsigth’s js code on the code element, my bricks editor gets gray:
With code OFF

With code off
With code off1910×931 324 KB

With code ON

With code on
With code on1895×921 46.3 KB

But in works fine on frontend (YouTube videos section): www.grupoalfamusic.com#videos

What is wrong?
I have see that same issue with another code, trying to duplicate a cool hoover efect (that i found on another threat How to create this hover effect):

jsCode

other code

By the way, I did this because Essential Grid’s shortcode suddenly doesn’t work on bricks anymore, (but it does on gutenberg) (https://www.essential-grid.com) nor backend or frontend :frowning:

Thank you in advance :slight_smile:

Bricks Version: 1.3.7
Browser: Chrome 97.0.4692.99
OS: Windows

2

Hi Mike,

I think that some of your custom Javascript (or maybe a browser extension or another plugin) is “blocking” the builder. Can you please try to disable every plugin and see, if the issue is still there? If so, please disable every browser extension, clear your browser cache and test again.

The same applies to your problem with the hover effect.

Best regards,
timmse

1 Like
3

Yes! I found that Wordfence’s firewall is the cause… Now i don’t know how to configure it :frowning:
Any suggestions?

For the time being i set it to ‘learning mode’ and bricks work again.
Thanks!

4

I’m glad you identified the problem :partying_face:
I haven’t used wordfence yet, so I can’t help instantly.

Maybe the wordfence troubleshooting helps?

Best regards,
timmse

5

Yes thank you, I’ll ask them.
As I said, I took that approach (use an external code) because I cannot get Essential Grid’s shortcode to work, neither front or backend. All I get is blank space.
On the previous versions of bricks it worked well

I appreciate your help.