html - CSS 样式表编辑以删除 WordPress 主题上的 "Free Entry"

Question

这个问题让我绞尽脑汁……这可能真的很容易做，我是个傻瓜，或者真的很难做，不值得。基本上我有一个 wordpress 主题，其中包含一个不错的事件小部件。它工作得很好，但它在每个事件上都放置了一个蹩脚的“免费入场”按钮。我们所有的事件都是免费的，所以它只是一种视觉冲击。我一直在尝试编辑样式表以将其删除，但我无法弄清楚。这是我正在处理的网站:http://comerestministries.com/wordpress/homepage3/

我正在查看的代码是这样的:

<li class="ecs-event">
  <a href="http://comerestministries.com/wordpress/event/awakening-of-love-2/">
    <p>May/12</p>
    <p>18:30</p>
    <h3>Awakening of Love</h3>
    <span>Free entry</span></a></li>

有没有一种简单的方法可以在每次尝试显示时删除最终的 Span 标签……就像“显示:无!重要；”标签？我试图将其添加到样式表中，但无法完全弄明白。

Answer 1

以上答案正确。这隐藏了跨度。这修复了留下空间的后果。

.ecs-event-list li.ecs-event a > span{
    display: none;
}
.ecs-event-list li.ecs-event a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}