简码 Ultimate DIV 颜色
Shortcodes Ultimate DIV color
我使用 Wordpress 和 Shortcodes Ultimate，我目前正在使用名为 "service" 的简码。它显示带有标题和图标的文本。
我的目的是改变鼠标在服务区上时的背景颜色和文字颜色。我分析了我页面的 HTML 代码，发现 "service" 短代码有两个 DIV 元素：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/
谢谢你的帮助
在您模板的 css 中，已经有 h3 颜色的通用样式规则。您应该更详细地指定您的选择器以覆盖它：
.su-service-content:hover h3, .su-service-title:hover {
background-color: #2680BE;
color: white;
}
您也可以尝试内联，就像常规的一样 html
<h3 style="color:white;">text</h3>
它适用于其他短代码，相同的插件
我使用 Wordpress 和 Shortcodes Ultimate，我目前正在使用名为 "service" 的简码。它显示带有标题和图标的文本。
我的目的是改变鼠标在服务区上时的背景颜色和文字颜色。我分析了我页面的 HTML 代码，发现 "service" 短代码有两个 DIV 元素：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/
谢谢你的帮助
在您模板的 css 中，已经有 h3 颜色的通用样式规则。您应该更详细地指定您的选择器以覆盖它：
.su-service-content:hover h3, .su-service-title:hover {
background-color: #2680BE;
color: white;
}
您也可以尝试内联，就像常规的一样 html
<h3 style="color:white;">text</h3>
它适用于其他短代码，相同的插件