使用Wordpress主题和语法高亮插件修复CSS问题

Question

我安装了最新版本的Wordpress并添加了WP-Syntax插件（以及Markdown Extra插件，但我认为这与此问题无关。）

它与Wordpress附带的两个主题完美配合：looking good using WordPress Default 1.6和looking equally good with the WordPress Classic 1.5主题。

然而，它不适用于我想要使用的优秀LightWord主题。代码框看起来很奇怪，实际代码末尾有右边框：

我的想法：

我尝试过使用Firebug进行调查但没有成功。 WP-Syntax插件中的CSS在所有三种主题情况下都应该相同。因此，这个主题看起来很奇怪的事实与LightWord主题中的一些继承的CSS属性有关。

这反过来可能意味着WP-Syntax插件应该重置更多内容以使其CSS正常工作。

帮助！

高级CSS不是我擅长的东西。但我非常希望尽快解决这个问题。从技术角度来看，我也很好奇可能导致这种行为的原因是什么？我希望有CSS技能的人能够提供帮助！

我们（如果你愿意的话，我，如果你不喜欢的话）可以在适当的地方提交错误报告，以使这些组件协同工作。

要解决此问题，我了解您需要的不仅仅是屏幕截图。我有一个问题主题的链接，可以用来进一步调查。

可能遇到问题的网站（因问题解决而被删除）

修改：在回复评论时，我还使用经典主题和相同的插件设置包含指向工作网站的链接：使用这些插件链接到工作主题（解决问题解决后）

感谢您阅读！

我想解决的问题摘要：

• 在代码框中删除右下边框的最佳方法是什么？我首先注意到右边框，但是底部边框也是眼睛疼痛。
• 代码框右边框不可见。这是由于.wp_syntax {width:100%;}，如果我将其设置为99％，它会再次显示。你认为这是主题或插件的问题吗？
• 如果可能的话，在主题（style.css）或插件（wp-syntax.css）中进行更改将是首选，因此其中一个可能是标准的。但是哪一个？怎么样？

Answer 1

您遇到的问题是由于WP-Syntax和LightWord的样式表相互干扰。我并不认为问题与主题或插件有关，它们只是关于两者如何相互作用。

要进行所有必需的更改，理想情况下，您可以同时修改wp-syntax.css和style.css中的样式。但是你可以作弊。

在 style.css 中添加以下内容：

.wp_syntax { width:auto; }


.wp_syntax table { border:0 !important; }

.wp_syntax table td { border:0 !important; }

这些更改应解决所有问题，并将所有更改本地化为单个文件（LightWood主题的style.css）。示例中的其他表也应保持不变。