将自定义 CSS 规则添加到 Wordpress 中的古腾堡块弹出窗口
P粉486743671
P粉486743671 2024-03-29 14:09:49
[CSS3讨论组]

以下是我在 Wordpress 编辑器中编写的一些古腾堡块。

我想做的是稍微改变古腾堡编辑器块的弹出框的位置。

由于它出现在前一个块的前面,因此我无法选择前一个段落块。

我找到了一个正确的规则来在开发者模式下为我解决问题,如下所示

所以我在 editor-style.css 文件中添加了一条 css 规则:

.components-popover__content {
    position: relative !important;
    top: -4rem !important;
    left: 4.3rem !important;
 }

当然,我在子主题的function.php中添加了编辑器样式。

add_action( 'after_setup_theme', 'kyle_gutenberg_editor_css' );
function kyle_gutenberg_editor_css(){
    add_theme_support( 'editor-styles' ); 
    add_editor_style( 'editor-style.css'); 
}

页面上确实添加了