2011-06-01 55 views
1

我在我的系统上安装了wordpress。我正在使用twentyten主题,在主题目录中有style.css文件。在那个文件中我试过如何编辑wordpress主题背景?

body { 
     background-color: red; 
} 

但没有任何反应,无论style.css中有什么变化,它都不反映在浏览器中。 请帮忙。

+1

是否确定要更改正确的样式表中的建议吗?当您转到“查看源代码”并手动打开样式表时,您是否在浏览器中看到您的更改?你是否在任何其他'body'块之前这样做? – 2011-06-01 13:27:19

+2

您是否尝试修改任何其他主题?因为二十十个是由多个不透明的DIVS组成的。这些div阻止你看到红色背景。 – 2011-06-01 13:27:36

+0

我刚刚注意到,在更改style.css文件并删除缓存后,如果选择查看源代码,那么我没有看到style.css文件中的更改。但我确定我正在编辑正确的文件。现在这很奇怪。 – hsinxh 2011-06-01 13:33:28

回答

5

你清除了浏览器的缓存吗?浏览器通常会缓存css文件以提高效率,因此您对其进行的任何更改都需要您清除缓存。

如果您使用的是Windows机器:ctrl + shift + del应该弹出清除缓存对话框

编辑:看来你的CSS是样式表的@media print部分 - 仅适用于印刷材料

+0

试过,但没有成功。 – hsinxh 2011-06-01 13:39:04

+0

@Harbhag - 你确定你在编辑合适的样式表吗?是否有另一个样式表覆盖你的样式表?那么把你的变化标记为'body {background-color:red!important;}',这样你的价值就被其他任何样式表所接受了(假设它们也不使用'!important'? – Brett 2011-06-01 13:41:37

+0

@Brett我只是试过你的建议,但它似乎并没有工作。 – hsinxh 2011-06-01 13:43:53

2

找出这些东西的最好方法是在Firefox中安装Firebug或在Chrome中使用内置的Inspector。

右键单击该页面,执行“检查元素”并检查检查器告诉您的内容。可能您设置的背景颜色被另一种样式规则(Inspector会告诉您)或其他具有其他背景颜色的元素放置在主体顶部,从而隐藏红色背景颜色。

无论哪种方式,做一个'检查元素'将清楚。我们只能从这里猜测。

+0

我已经试过了。但这些变化并未反映出来。我一直在firefox中使用firebug。 – hsinxh 2011-06-01 13:38:53

1

首先确保您正在编辑正确的样式表。例如,尝试清除此文件中的所有样式代码并刷新您的网站。如果你失去了你的风格,那么你是在正确的地方。

第二次尝试使用Firebug插件它将帮助您检查html元素,然后您可以显示此元素的相应CSS。你可以改变任何你想要的,并直接在页面上看到效果,然后你可以将这些改变写入样式表。 希望它可以帮助你。

+0

我正在编辑正确的样式表,但删除它不会产生任何效果。这里是style.css文件http://dpaste.com/hold/549223/,这里是查看源代码的输出http://dpaste.com/hold/549224/ – hsinxh 2011-06-01 13:55:41

+0

@Harbhag我在你的html中看到路径对于样式表是http://localhost/~harbhag/wordpress/wp-content/themes/twentyten/style.css你能告诉我为什么〜在harbhag之前 – 2011-06-01 14:35:31

+0

因为我在主目录中安装了wordpress。 – hsinxh 2011-06-01 16:39:02

1

也许该样式被身体上的另一个背景属性覆盖下面几行(浏览器将始终呈现元素的最后一个CSS属性)。你可以用萤火虫轻松检查一些东西。

如果您有插件,请将它们禁用以确保安全。

其他然后,并且已经取得我不能完全肯定这是什么原因