在 Joomla 中通过自定义 CSS 隐藏 html h3 链接

Question

我想使用自定义 CSS

在 Joomla 中隐藏它

这是我网站的 link： http://guamlfp.org/test

我正在尝试删除文章 "About" 和 "Vision"

的标题

我需要 CSS 代码来隐藏以下 HTML:

<a href="/component/content/article/9-aboutlfp/6-aboutlfp?Itemid=101" itemprop="url">About</a>

<h3><a href="/component/content/article/11-vision/7-vision?Itemid=101" itemprop="url">Vision</a></h3>

Answer 1

将此 css 添加到您的 css

css

.sppb-article-info-wrap h3{
   display:none;
}

Answer 2

有很多不同的方法可以隐藏它。您可以直接对 html 执行此操作，也可以使用 css.

1。使用 HTML

<h3 style="display: none;" >
    <a href="/component/content/article/11-vision/7-vision?Itemid=101" itemprop="url">Vision</a>
</h3>

2。使用 CSS

HTML代码

<h3 class="header--vision" >
    <a href="/component/content/article/11-vision/7-vision?Itemid=101" itemprop="url">Vision</a>
</h3>

CSS代码

.header--vision {
    display: none;
}