admin管理员组

文章数量:1304474

I'm using Wordpress 5.6.1 with Twenty Twenty-One theme. I have added some additional CSS and it works fine for published posts. But it does not apply while I'm editing a post. In Chrome web inspector, I can see my changes in the style list, but they are stricken through. Why does this happen? I have tried incognito mode to make sure it's not a caching issue. The customization is just this:

blockquote>p {
    font-weight: unset;
    border: 1px solid;
    padding: 8px;
}

blockquote:before {
    content: none !important;
}

In the inspector, it looks like these rules are taking precedence even though I tried adding !important to each property. I don't see anything that would overrule my border.

.editor-styles-wrapper .wp-block-quote:before {
    content: "“";
}

editor-styles-wrapper .wp-block-quote p {
    font-family: var(--quote--font-family);
    font-size: var(--quote--font-size);
    font-style: var(--quote--font-style);
    font-weight: var(--quote--font-weight);
    line-height: var(--quote--line-height);
}

本文标签： themesCustom CSS doesn39t work in edit mode

版权声明：本文标题：themes - Custom CSS doesn't work in edit mode 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1741769533a2396667.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。