自定义WP语法以获取自定义颜色

时间:2011-09-12 作者:yayu

我下载了WP-syntax 插件,并希望自定义它以显示黑色终端样式的背景。

我编辑了文件wp-syntax/wp-syntax.css

.wp_syntax {
  color: #100;
  background-color: black !important;
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  overflow: auto;
}

/* IE FIX */
.wp_syntax {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 100%;
}

.wp_syntax table {
  border-collapse: collapse;
}

.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  padding: 2px 4px;
}

.wp_syntax .line_numbers {
  text-align: right;
  background-color: black !important;
  color: white !important;
  overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
  font-size: 12px;
  line-height: 1.333;
  white-space: pre;
  background-color: black !important;

}
然而,我得到的结果是

enter image description here

大部分文字几乎看不见。我应该对代码进行哪些修改以获得如下内容:

enter image description here

1 个回复
最合适的回答,由SO网友:Rarst 整理而成

插件文档指示copy style file to theme\'s directory, 而不是就地编辑(这将使其与更新等不兼容)。

除此之外,这似乎是CSS问题,与WordPress没有什么关系。有时使用Firebug+Firefox或其他调试工具通常可以解决此类问题。

结束

相关推荐

仅在css和几个图像中更改主题

我们创建了一个有很多变化的主题。现在,我们想在我们的网站上启用不同颜色的主题,以及一些不同的图像:我们正在做的是复制主题,然后在CSS中做一些更改,并更改一些图像。但是,复制所有的主题文件只是为了进行很少的更改,这似乎是一种过分的做法。此外,如果我们不得不改变主题中的一些功能,我们将不得不经历所有的重复并应用它。有没有办法让用户可以选择更改颜色&;图像,而不复制主题?