fbpx

Theme style breaks Elementor Text Editor Widget

HomeTopicsSupport forumTheme style breaks Elementor Text Editor Widget
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #16465
    Avatar
    techtone
    Participant

    Hi,

    Theme style adds this rule in /wp-content/themes/xts-vega/style.min.css?ver=1.1.0 — and it breaks Text Editor widget’s column feature. The content doesn’t split into 2 columns (or any number of columns).

    .elementor-widget-text-editor .elementor-widget-container {
        display: inline-block;
        width: 100%;
    }

    If I override this rule with display: unset; then all looks good. Is this the correct way to fix it as a workaround until the new update?

    Thanks

    #16468
    Bogdan Donovan
    Bogdan Donovan
    Keymaster

    Hi,

    Try to use following custom code to fix this issue

    .elementor-widget-text-editor {
    		display: flex;
    }
    
    .elementor-widget-text-editor .elementor-widget-container {
    		width: 100%;
    		columns: inherit;
    		column-gap: inherit;
    }
    
    .elementor-widget-text-editor .elementor-widget-container:last-child {
    		margin-bottom: 0;
    }
    
    .elementor-widget-text-editor.xts-textalign-left {
    		justify-content: flex-start;
    }
    
    .elementor-widget-text-editor.xts-textalign-center {
    		justify-content: center;
    }
    
    .elementor-widget-text-editor.xts-textalign-right {
    		justify-content: flex-end;
    }

    This issue will also be fixed in the next theme update.

    Kind Regards

    #16470
    Avatar
    techtone
    Participant

    Yes! This worked great, thanks. Looking forward to for the next update.

    #16477
    Artem Temos
    Artem Temos
    Keymaster

    You are welcome!

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Theme style breaks Elementor Text Editor Widget’ is closed to new replies.

Sign in

No account yet?

Create an Account