滑块插件中的图像颜色叠加，叠加上方的文字（wordpress）

Question

我正在使用 Wordpress 的元滑块插件。 我设计的很大一部分是滑块上的灰色覆盖。 我可以设法获得覆盖，但它会覆盖滑块中的标题。

我已经尝试了很多，但我自己无法做到这一点。 如何获取叠加层上方的文本？

Answer 1

.metaslider .caption-wrap {
    background: rgba(50,50,50, 0.4);
    padding-top:13%;
}

.overlay:before {
    background:none;
}

不过请记住，上面的 css 应该在加载 slider.css 之后加载，以便 css 规则具有更高的优先级。

Answer 2

我刚刚在 metaslider 标题框中分配了一个名为 overlay 的类，然后我在自定义模式下编辑了 css。

.overlay img {
  background-color:white;
  opacity:0.7;
}