Shortcodes Ultimate DIV颜色

Question

我使用Wordpress和Shortcodes Ultimate，我目前正在使用名为＆＃34; service＆＃34;的短代码。它显示一个带有标题和图标的文本。

我的目的是在鼠标悬停在服务区域上时更改背景颜色和文本颜色。我分析了我的页面的HTML代码，发现有两个DIV元素用于＆＃34;服务＆＃34;短代码：su-service-title，su-service-content。

所以，在我的CSS文件中我写道：

.su-service-content:hover, .su-service-title:hover{
    background-color: #2680BE;
    color: white;
}

背景在标题和内容元素中都正确显示，但白色文本仅在标题中正确显示：内容文本颜色不会更改。用于内容文本的样式标题是h3。

以下是我正在处理的页面： http://www.cirnu.com/agence-web-corse/

谢谢你的帮助

Answer 1

在模板的CSS中，h3的颜色已经有了一般的样式规则。您应该更多地指定您的选择器以覆盖它：

.su-service-content:hover h3, .su-service-title:hover {
    background-color: #2680BE;
    color: white;
}

Answer 2

您也可以尝试内联，就像常规的html

一样

<h3 style="color:white;">text</h3>

适用于其他短代码，相同的插件