Support » Plugin: OoohBoi Steroids for Elementor » SHADOUGH doesn’t work together with blur in scrolling effects in motion effects

  • Hi,

    Just reporting a (kind of) issue in SHADOUGH extension. It doesn’t appear to work when blur effect in scrolling effects under motion effects is enabled.

    This is because both “Motion Effects blur effect” and “SHADOUGH” both use css property
    filter: (value)

    AND both css rules are applied separately instead of appending to existing rule.

    So, if blur effect is enabled in motion effects, it creates a filter css rule like below as inline css:

    <div class="elementor-widget-container elementor-motion-effects-element" style="--translateY:-0.48px; --blur:0px; transform: translateY(var(--translateY)); opacity: 0.9952; will-change: opacity; filter: blur(var(--blur));">

    and if SHADOUGH is enabled, it adds rule as below:

    .elementor-488 .elementor-element.elementor-element-b695ac3 .elementor-widget-container {
    filter: drop-shadow(4px 4px 0px #EBEBEB)
    }

    If through some way plugin can detect and then append its own rule or the rule of motion effects feature in the existing rule then this can be fixed. (Trying my best to explain in a way that can be understood)

    If both features are active and css is like below, then there would be no issue:

    .elementor-488 .elementor-element.elementor-element-b695ac3 .elementor-widget-container {
    filter: blur(var(--blur)) drop-shadow(4px 4px 0px #EBEBEB);
    }
  • The topic ‘SHADOUGH doesn’t work together with blur in scrolling effects in motion effects’ is closed to new replies.