WordPress的插件和主题CSS Colide

Question

我有一个小问题！ 我使用的是Wordpress主题，而房地产系统开发人员witch的插件则从系统中获取数据。

如果我使用主题，那么Real-Esate系统会建议一切正常进行。 但是我想使用另一个主题。

结果是从插件中获取的数据看起来不像预期的那样。 主题CSS接管了..并在.li和.ul等某些元素上使用主题css。

有办法解决吗？ 我不想使用iframe。 我可以例如创建一个div，然后将Plugins style.css应用于该div和仅该div。 只是在那个div覆盖主题的CSS？

如果您想查看源代码和css等， 请点击以下链接： http ://hogmans.nu.temp-url.se单击“耕种”。

如果您想查看正确显示插件的位置， 请访问http://hogmans.mspecsweb.se/till-salu

你有问题吗？

Answer 1

看起来它正在使用两个不同的CSS框架。

尝试将这行代码添加到标题中

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

它肯定会修复中间部分……但不确定它会对您的网站整体产生什么影响。

除了使用由最新版twitter boostrap提供支持的主题，或者创建自己的自定义移动CSS再次将这些单行变成块之外，没有其他方法可以轻松解决此问题。

Answer 2

您有几种选择：

• 如果将所需的样式表保存到主题的核心文件中，然后在所有其他样式表之后将其导入到主题的标题中，则这些样式将优先于主题的样式（尽管这可能不适用于所有样式，因为这取决于如何主题的样式表已编码-例如，如果有任何！important声明）。
• 您也可以从一个样式表中复制所有样式，然后将其粘贴到另一个样式表的底部，但是遇到与第一个选项相同的问题-它很可能会起作用，但可能无法按预期呈现。 将<style>标记添加到标头也是如此。
• 您最可靠的选择是从首选样式中找出所需的样式，并创建自己的样式表，该样式表将按您需要的方式呈现某些元素，以便您可以根据需要控制和调整CSS特异性。 如果需要，可以在样式所需的内容周围添加一个div，为其指定一个ID，然后在样式表中的元素之前使用该ID。 在CSS中使用id通常是不明智的，但是由于您尝试覆盖样式，因此这可能是一种快速简便的方法。

**如果您使用的主题不是自己构建的，则主题可能会更新。 您对主题文件所做的任何更改都将被覆盖。 您将需要创建一个子主题以添加或编辑该主题的任何文件。