Question

我有一些html和css的基本知识，并使用wordpress。通过更改我的子主题中的css，我已经能够更改主页滑块上文本的字体，其中定义了#slideshow p，h1，ect，我可以将其更改为#fff。我最近更新了我的主题，现在有一个先例的代码：

#slideshow .bwg_slideshow_description_text * {
    color: #000 !important;
}

我尝试过使用以下方法失败：

#slideshow .bwg_slideshow_description_text[style] {
    color: #fff !important;
}

当我看到这个＃000代码的来源时，它说它位于一个名为index的文件中，而doc类型是html。我不确定这是否是自动填充的东西，但我无法使用filezilla找到它。当我使用firebug检查网站并搜索bwg_slideshow_description_text时，＃000代码显示在adventurahoy.com＃6下，我无法在任何样式表中找到它。

任何人都可以帮我吗？问题在于adventureahoy.com主页上滑块上的文字。我希望它是白色的，它显示为黑色。

谢谢！

Answer 1

尝试此快速修复

#slideshow .bwg_slideshow_description_text * {
    color: #fff !important;
}

span.business_elite.btn_trans {
    border-color: #fff !important;
}

通常WP插件包含针对这种情况的过滤器，您可以通过可调用的php函数/闭包来覆盖它。但是，这应该可以解决问题。请注意，如果这对您不起作用，则插件使用javascript来覆盖样式表规则。这需要后续答复。

Answer 2

您可以使用以下方法定位错误的元素：

#slideshow .bwg_slideshow_description_text[style]

原因是，它会定位#slideshow的所有子项目，其中bwg_slideshow_description_text类具有style属性，即具有内联样式的元素。但是这个规则：

#slideshow .bwg_slideshow_description_text *

定位bwg_slideshow_description_text的子元素。

因此，正确的选择器将是更具体的选择器。试试这个

#slideshow div.bwg_slideshow_description_text * {
    color: #FFF!important;
}

如果您只想定位h1，则可以使用：

#slideshow div.bwg_slideshow_description_text h1 {
    color: #FFF!important;
}

Answer 3

插件实际上是将css打印到文档中，很可能是使用wp_head钩子，可能是在你正在实现的任何其他CSS之后 - 这意味着它优先。所以你需要覆盖IT然后......你需要一个php解决方案：

将以下内容添加到您的functions.php

中

add_action("wp_head", function(){
    $css  = "<style>";
    $css .= "#slideshow .bwg_slideshow_description_text * {color: #fff !important;}"
    $css .= "span.business_elite.btn_trans {border-color: #fff !important;}";
    $css .= "</style>";
}, 50);

如果您遇到致命错误，则必须使用PHP5.2 - 升级或更改代码：

function custom_white_slider_text(){
    $css  = "<style>";
    $css .= "#slideshow .bwg_slideshow_description_text * {color: #fff !important;}"
    $css .= "span.business_elite.btn_trans {border-color: #fff !important;}";
    $css .= "</style>";
});
add_action("wp_head", "custom_white_slider_text", 50);

如果仍然没有这样做，那么尝试更改＆＃34; wp_head＆＃34; to＆＃34; wp_footer＆＃34;或者降低优先级，也就是增加第三个参数，以便稍后执行。它默认为10，因此可能是插件挂钩到标签时。我在上面列出了50，所以这应该给你一些空间。

寻找帮助覆盖我的主题的字体颜色

3 个答案: