使用 CSS、Wordpress、Avada 主题、Fusion Builder 隐藏特色图片答案

【问题标题】：Hide featured image using CSS, Wordpress, Avada Them, Fusion Builder使用 CSS、Wordpress、Avada 主题、Fusion Builder 隐藏特色图片
【发布时间】：2020-06-26 22:59:22
【问题描述】：

这是一个 wordpress 网站 - https://smecollaborative.org/

在页面下方有一个从活动日历中提取的部分。每个事件都有一个特色图像。您可以使用 CSS 隐藏每个图像的特色图像，但挑战在于使用 Fusion Builder 元素，特色图像被日历上的“占位符”图像替换，我无法隐藏那个东西。

这是我尝试过的两个 sn-ps：

    .single-tribe_events .page-header-image-single {
        display: none;
    }

    .tribe-events-event-image img {
    display:none!important;
    }

【问题讨论】：

标签： css wordpress

【解决方案1】：

.fusion-events-shortcode .tribe-events-event-image {
    height: auto !important;
}

【讨论】：

【解决方案2】：

您尝试的 2 个 sn-ps 是错误的，因为：

sn-p 1.针对部落事件单页的标题图片。 sn-p 2. 的目标是 img 标记，在这种情况下不存在。

您应该以父项为目标，同时隐藏指向它的可点击链接：

.fusion-events-post div.fusion-events-thumbnail {
    display: none;
}

我在缩略图选择器中添加了额外的div，以覆盖标准display: block;，而不必使用!important

或者，如果您只想在图像丢失时隐藏它，您可以这样做：

.fusion-events-post .fusion-events-thumbnail span {
    display: none;
}

只有在占位符存在的情况下才会针对占位符

【讨论】：