在使用 WordPress 的 Avada 主题(尤其是 V7.16.2 这类版本)时,很多朋友会遇到一个让人头疼的问题:后台 Avada Builder 的文本块编辑器里,输入框中的文字莫名其妙变成了白色。因为输入框背景本身也是白色,导致你根本看不清自己输入了什么,就像在“盲打”。

这个问题通常不是前台显示出了错,而是后台编辑器样式与 WordPress 核心编辑器产生了冲突,字体颜色被意外覆盖成了白色。

网上有些教程建议去修改 WordPress 核心文件,但这种方法并不推荐,因为主题或程序一更新,修改就会丢失,还可能引发新问题。最安全、最直接的办法,是通过代码给后台编辑器强制加上正确的样式。

具体操作如下:

你可以把下面这段代码添加到当前使用的 Avada 子主题的 functions.php 文件中。如果你不想直接改主题文件,也可以使用 Code Snippets 这类插件来添加代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
add_action( 'admin_head', function() {
?>
<style>
/* 强制修正 Avada Builder 文本块编辑器的文字颜色 */
.wp-editor-area,
.fusion-builder-modal .wp-editor-area,
#fusion-builder-main .wp-editor-area {
color: #333 !important;
background-color: #fff !important;
}
</style>
<?php
} );

这段代码的作用很明确:它只在后台管理界面加载,专门针对 Avada Builder 的编辑区域,把文字颜色强制设为深灰色(#333),背景设为白色。这样既不会影响前台页面的显示,也不会干扰其他后台功能。

添加代码后,刷新一下后台编辑器页面,输入框里的文字应该就能正常显示了。

如果添加代码后问题依旧,或者你想找到更根本的原因,可以尝试临时禁用除 Avada 核心插件(Fusion Core / Fusion Builder)之外的其他插件,看看是否是某个插件干扰了编辑器样式。另外,记得清理一次 Avada 的 Fusion Builder 缓存,并强制刷新浏览器。

用一小段 CSS 就能解决后台编辑器“隐形文字”的烦恼,既简单又不会破坏主题结构,是处理这类样式冲突最稳妥的方式。