滑塊插件中的圖像顏色疊加，疊加上方的文字（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;
}