Question

我花了好几个小时试图弄清楚出了什么问题，但我似乎无法弄清楚为什么我无法改变wordpress脚注中文字的颜色。

这是footer.php的代码：

<div id="footer">

<div class="fcred">
Copyright &copy; <?php echo date('Y');?> <a href="<?php
bloginfo('siteurl'); ?>" title="<?php bloginfo('name'); ?>"><?php
bloginfo('name'); ?></a> - <?php bloginfo('description'); ?><br />
<?php fflink();?> | <a href="info@XXX.com" title="Contact Developer">Developed by XXX</a> Design by <a href="http://www.XXX.com" title="WordPress Themes">XXX Themes</a>.
</div>  
<div class='clear'></div>   

<?php wp_footer(); ?>

</div>

</body>
</html>

下面是相关的CSS行 - 我试图将所有内容更改为白色，但实际网站没有任何变化：

#footer {
    padding:5px 0 5px 0px;
    color:#FFF;
    font-size:11px;
    background:#000 ;
    z-index: 200;
    bottom: 0px;
    left: 0px !important;
    position: fixed;
    width:100%;
    clear:both;
    }

#footer a:link , #footer a:visited{
    color:#FFF;
    }

#footer a:hover {
    color:#FFF;
    }


.fcred {
    width:700px;
    text-align:left;
    margin:0px 0px 0px 30px;
    line-height:16px;   
}

我所做的一切似乎都没有对实际网站进行任何更改。我很确定代码是好的，似乎它被某种方式覆盖了，但我不知道在哪里看。我对Wordpress一般都很陌生，所以非常感谢任何输入。

谢谢！

Answer 1

为您提供多种故障排除方法：

尝试在#footer上使用！important背景样式后查看是否覆盖
将背景样式指定为.fcred
从#footer

希望这有帮助

Answer 2

在浏览器处理页面元素后，您使用什么来检查页面元素？

在chrome中，右键单击相关元素，然后选择“Inspect Element。”

如果是FireFox，请查看下载FireBug插件，因为它比默认的FF检测工具更好。

这两个附加组件都会准确地告诉您，无论是内联还是来自样式表，样式来自哪里。

无法改变wordpress中的页脚颜色

2 个答案: