Css 无法在wordpress中更改页脚颜色
我花了几个小时试图找出哪里出了问题,但我似乎不明白为什么我不能在我的wordpress页脚中更改文本的颜色 下面是footer.php的代码:Css 无法在wordpress中更改页脚颜色,css,wordpress,footer,Css,Wordpress,Footer,我花了几个小时试图找出哪里出了问题,但我似乎不明白为什么我不能在我的wordpress页脚中更改文本的颜色 下面是footer.php的代码: <div id="footer"> <div class="fcred"> Copyright © <?php echo date('Y');?> <a href="<?php bloginfo('siteurl'); ?>" title="<?php bloginfo('n
<div id="footer">
<div class="fcred">
Copyright © <?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>
我所做的一切似乎都不会对实际的网站做出任何改变。我相当确定代码是正确的,并且它似乎以某种方式被覆盖,但我不知道该去哪里查找。一般来说,我对Wordpress还比较陌生,所以如果您有任何意见,我将不胜感激
谢谢 为您提供两个疑难解答想法: 尝试使用!重要信息,请在页脚上的背景样式之后查看其是否覆盖 将背景样式改为.fcred 从页脚中删除clearboth
希望这有助于在浏览器处理页面元素后,您使用什么来检查它们 在chrome中,右键单击有问题的图元,然后选择“检查图元” 如果是FireFox,请下载FireBug插件,因为它比默认的FF检查工具更好
无论是内联还是从样式表,这两个附加组件都会准确地告诉您样式的来源。您使用的是缓存插件吗?嗨,diggy,我停用了所有插件以缩小范围。通过在线更改footer.php文件中的颜色样式,快速解决了这个问题:感谢您的回答,我尝试了上述每个建议,但似乎没有任何改变。主文本仍然是略带黑色,链接是蓝色的。还有其他想法吗?嘿。我使用Inspect Element工具查看了一下,它似乎是罪魁祸首。还有第三个标签,它不在我的CSS中,似乎是我开始使用的主题的残余-在这个div之后有一些对javascript的引用。我没有使用js的经验,所以不确定这些是否是罪魁祸首?当然。Javascript可以通过将CSS内联到元素中来改变HTML元素,并向元素添加/删除类,从而增加样式的复杂性。在Chrome中,Inspect Element工具将通过在非活动属性之间放置一条线来显示非活动属性。还有一个复选框,用于打开和关闭该属性。浏览器将始终使用最新的属性定义;最新加载的样式表,最新定义的样式,最后是任何内联样式。感谢百万tPlummer-我认为JS已经搞乱了一些事情。样式表比较复杂,我无法准确地找出问题所在。如果我更改footer下的任何样式,都不会发生任何事情,但我所做的是更改footer.php文件中的行内样式,这似乎起到了作用。这不是最优雅的解决方案,但可以满足我的迫切需要。谢谢你的时间!样式表可以为同一元素定义多个属性,这可能会导致问题。别忘了接受答案。干杯
#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;
}