Question

我试图通过Visual Composer将全局社交媒体图标的颜色更改为主题的“社交媒体图标”短代码。我使用Chrome的Inspector找到了“site-social-icons-shortcode”类，并使用Wordpress的Customiser添加了下面的CSS。它适用于Inspector，以及特定于页面的CSS Customiser，但不适用于全局CSS Customiser。我做错了什么？

http://evermanapparel.co.za/social-media-icon-colour-test/

.site-social-icons-shortcode {
    color: red !important;
}

Answer 1

您可以添加此css以通常定位所有图标

.site-social-icons-shortcode i {
    color: red;
}

或者，如果您需要以不同方式为每个图标着色，请尝试以下

.site-social-icons-shortcode .site-social-icons-facebook i {
    color: blue;
}
.site-social-icons-shortcode .site-social-icons-twitter i {
    color: red;
}

如果你的css是多个csss定位（不是一个好的解决方案），你可以覆盖css

.site-social-icons-shortcode .site-social-icons-twitter i { color:blue !important; }

Answer 2

你可以把这个css：color：＃F1B831;在本课程的“http://evermanapparel.co.za/wp-content/themes/shopkeeper/css/styles.css”第17813行.site-social-icons-shortcode

为什么我的css更改在检查器中而不是在定制器中？

2 个答案: