wordpress插件和主题css碰撞

时间:2014-08-19 18:22:23

标签: html css wordpress plugins

我有一个小问题! 我使用Wordpress主题,来自房地产系统开发人员的插件从系统中获取数据..

如果我使用主题,真实系统建议一切顺利。但我想使用其他主题。

这样做的结果是从插件中获取的数据看起来不像意图。主题CSS接管了...并在诸如.li和.ul ...

之类的元素上使用主题css

有没有办法解决这个问题?我不想使用iframe。我可以创建一个div,然后将插件style.css应用于该div和该div。只是那个div从主题中覆盖了css?

如果你想看源和css等,这里是链接: http://hogmans.nu.temp-url.se点击“直到salu”..

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

你有问题吗?

2 个答案:

答案 0 :(得分:0)

看起来它正在使用两个不同的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,以便将这些单行再次转换为块。

答案 1 :(得分:0)

您有几个选择:

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

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