使用CSS、Wordpress、Avada和Fusion Builder隐藏特色图像
这是一个wordpress网站- 页面下方有一个从事件日历中提取的部分。每个活动都有一个特色形象。您可以使用CSS隐藏每个图像的特征图像,但挑战在于使用Fusion Builder元素,特征图像将替换为日历上的“占位符”图像,而我无法将其隐藏 以下是我尝试过的两个片段:使用CSS、Wordpress、Avada和Fusion Builder隐藏特色图像,css,wordpress,Css,Wordpress,这是一个wordpress网站- 页面下方有一个从事件日历中提取的部分。每个活动都有一个特色形象。您可以使用CSS隐藏每个图像的特征图像,但挑战在于使用Fusion Builder元素,特征图像将替换为日历上的“占位符”图像,而我无法将其隐藏 以下是我尝试过的两个片段: .single-tribe_events .page-header-image-single { display: none; } .tribe-events-event-image i
.single-tribe_events .page-header-image-single {
display: none;
}
.tribe-events-event-image img {
display:none!important;
}
.fusion events shortcode.tribe events事件图像{
高度:自动!重要;
}
您尝试的两个代码段错误,因为:
片段1。目标是部落事件单页上的标题图像。
片段2。目标是本例中不存在的img
标签
您应该将父项作为目标,以隐藏指向它的可单击链接:
.fusion-events-post div.fusion-events-thumbnail {
display: none;
}
我在缩略图选择器中添加了额外的div
,以覆盖标准的display:block代码>而不必使用!重要信息
或者,如果您只想在图像丢失时隐藏它,您可以执行以下操作:
.fusion-events-post .fusion-events-thumbnail span {
display: none;
}
如果占位符存在,则此占位符将仅以占位符为目标