html - 隐藏标题中的文字(Wordpress)

Question

我正在使用 Wordpress，我想隐藏标题为“ protected :Pavanjot 和 Amandeep 的婚礼”的“ protected ”一词，我希望标题的其余部分保持原样。

我猜想使用自定义 css 我可以针对下面的代码来隐藏这个词吗？不过，我不确定如何实现这一目标。

<header class="entry-header page-header">
        <h1 class="entry-title">Protected: Pavanjot &amp; Amandeep’s Wedding</h1>
    </header>

我想隐藏或删除该词，以便剩余的文本向左对齐并且不留空隙。

任何帮助都非常感谢。

Answer 1

我不认为你可以在不修改标记的情况下用 CSS 做到这一点(然后你可以只删除文本)，但你可以用几行 JS 来做到这一点。

<h1 class="entry-title">Protected: Pavanjot &amp; Amandeep’s Wedding</h1>
<script>
var entryTitle = document.querySelector('.entry-title'),
  text = entryTitle.innerHTML;
entryTitle.innerHTML = text.substring(text.indexOf(" "), text.length);
</script>