使用CSS替换WooCommerce登录页面文本的问题求助

你的代码无法生效的原因有两个：

1. content 属性仅对CSS伪元素（::before/::after）生效，直接作用在元素上不会产生效果
2. visibility:hidden 只是隐藏元素，但仍会保留原元素的布局空间，伪元素无法自动替代原文本位置

以下是两种可行的解决方案：

方案一：利用伪元素覆盖隐藏的原标题 #

div.u-column2.col-2 h2 {
  position: relative;
  visibility: hidden;
}

div.u-column2.col-2 h2::after {
  content: '你的新文本'; /* 替换成你想要的文本 */
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
}

方案二：通过字体大小隐藏原文本，伪元素显示新内容 #

div.u-column2.col-2 h2 {
  font-size: 0;
}

div.u-column2.col-2 h2::after {
  content: '你的新文本'; /* 替换成你想要的文本 */
  font-size: 1.5em; /* 匹配原标题的字体大小，可根据实际调整 */
}

注意事项 #

• 将代码添加到主题的自定义CSS面板，或子主题的 style.css 文件中
• 若页面结构有变动，需通过浏览器开发者工具确认选择器（div.u-column2.col-2 h2）是否仍准确对应目标标题

内容的提问来源于stack exchange，提问作者Miguel Angel