Breaks the Flatsome UX Builder Editor

Viewing 9 replies - 1 through 9 (of 9 total)

  • Confirming this!

    It’s to do with the following CSS rule

    .mce-container-body 
{
    display: flex !important;
}

    If the “!important” tag is removed (can only do this via inspection console) then the rule can be properly overridden and the element is displayed as a block instead of flex (this corrects the issue).

    Plugin Author Andrew Ozz

    (@azaozz)

    Where is that display: flex !important rule coming from? Don’t see it in the TinyMCE Advanced plugin or WordPress core ??

    Could well be coming from the Flatsome Theme it’s self, I’ll do some testing on a dev site and get back to you with my findings.

    Updating as promised.

    Confirming that the reported CSS above is straight from the Flatsome theme its self.

    For those that would like to know it’s found on line 83 in the file below:
    themes\flatsome\inc\builder\core\server\templates\tinymce.php

    Currently testing to see if there is a workaround via CSS, possibly by over qualifying the rule for the container.

    I’ll post back with my findings.

    Further Updates:

    Unfortunately, I can’t see a way around this with simple CSS trickery.

    So I have submitted this to the Flatsome Theme Support team as a compatibility issue.

    They replied thanking me for the information and have passed it on to the theme developer.

    hey, everyone, I have maybe the same problem with uxbuilder
    https://snag.gy/9Gi786.jpg
    https://snag.gy/0pdVUF.jpg

    @mohamed18 with the UX Builder not loading, please check for any browser plugins that block content from loading as well as WordPress plugin that does the same internally within WordPress

    For Example, if your using a WordPress plugin that is blocking certain java or CSS from Flatsome from loading (to help speed the page load time up) this is known to cause issues with UX Builder loading.

    if all else fails, load up your browsers internal console and check for error messages there, alternatively look in your hosts error_log file as well.

    Hope this helps

    Thread Starter junkofdavid2

    (@junkofdavid2)

    This issue and the UX not loading is connected, in my case, it seems.

    I “fixed” the original issue of this post by activating plugin KVTinyMCE Editor.

    I then shortly after started getting the problem of UX Builder not loading images.

    This UX Builder not loading images problem seems to have been fixed by deactivating KVTinyMCE Editor that I mention above (not 100% sure yet, still observing), so I’m back to the original problem of this post.

    Stuck…

    • This reply was modified 5 years, 7 months ago by junkofdavid2.

    I have an issue on UX-Builder too. The MCE editor covered my page and I couldn’t edit. Can you please help provide an solution to fix?

    https://snag.gy/ECXLqF.jpg

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Breaks the Flatsome UX Builder Editor’ is closed to new replies.