diff --git a/lib/block-supports/duotone.php b/lib/block-supports/duotone.php index 96c63762d4a131..9f70ba501a8b3a 100644 --- a/lib/block-supports/duotone.php +++ b/lib/block-supports/duotone.php @@ -352,6 +352,8 @@ function gutenberg_render_duotone_support( $block_content, $block ) { } $selector = implode( ', ', $scoped ); + // !important is needed because these styles render before global styles, + // and they should be overriding the duotone filters set by global styles. $filter_style = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? $selector . " {\n\tfilter: " . $filter_property . " !important;\n}\n" : $selector . '{filter:' . $filter_property . ' !important;}';