Css 移除图像悬停效果

我正在使用Bridge主题（由Qode编写）在wordpress网站上工作：

主页上的小方格中有具有悬停效果的图像。我使用的是砖石画廊（VisualComposer插件的Qode插件），它让我将每种正方形/矩形类型设置为有无纯色覆盖/背景色。所有小方块（文本和图像）都是相同的。问题是，我们希望文本方块具有粉红色背景，而图像方块在鼠标悬停时不转换为粉红色

我们希望小正方形图像的外观和行为与高矩形相似，如果您将鼠标悬停在其上，则不会发生任何变化。这是因为覆盖/背景颜色设置为have

opacity:0。如果我这样做的小广场，我失去了文本广场后面的粉红色，但图像看起来很棒

在现有系统中，无法为图像/文本方块或每个方块分别设置单独的类

因此，我不知道如何删除悬停状态转换，以便它不会在鼠标上方覆盖粉红色的图像，而是在文本方框中保留粉红色的背景。

看起来是
.marysish\u gallery\u item\u inner
元素改变了不透明度。我认为它正在改变背景颜色，但我不确定。感谢您的帮助

.masonry_gallery_item.standard:hover .masonry_gallery_item_inner {
    opacity: 0;
}

.masonry_gallery_item.square_small .masonry_gallery_item_inner {
    background-color: rgba(255,235,233,1);
}

这与您需要的工作方式相同。
可能是您正在设置不透明度：0；这就是你失去粉色背景的原因。
你是我的救世主！我已经花了很多时间尝试其他的事情，它是如此简单！非常感谢。