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

Question

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

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

Answer 1

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

.overlay:before {
    background:none;
}

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

Answer 2

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

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