0

我正在使用 Wordress 中的 Portfolio-Press 主题。我添加了一个 980px 宽的文件作为徽标，以给我一个“横幅”的外观。它是风化的木板外观。为了处理这个文件的左右边距最终变成白色，我在“品牌” div 中放置了一个风化的木板文件，它位于“logo” div 的下方，并给它一个 repeat-x这样无论屏幕设置多大，它都能填补空白。工作正常，除非浏览器的大小低于 750 像素。有一个@media css 调用被激活，它使背景向下移动约 100 像素并搞砸了菜单栏。你会认为这很容易找到和纠正，但我是个傻瓜。我搜索了这个 css 调用，但在真正的 css 文件中找不到它。它必须由脚本或其他东西生成。

问题是，在不重写 javascript 或编写这个 css 的情况下，我能做些什么吗？而且，如果它的 javascript 必须被重写，它到底在哪里？

您可以在以下位置查看该网站

www.bufalobobschalupas.com

如果您在打开开发人员工具的情况下运行它并选择“包装”div 内的“品牌”div，那么很容易看到 css 的变化。

4

2 回答 2

0

在尝试找出如何在投资组合视图中为缩略图正确添加边框时，我发现这篇文章描述了我需要更新的 css 元素：

http://wordpress.org/support/topic/theme-portfolio-press-cant-remove-the-grey-border-on-the-thumbnails

“在您的 CSS 文件中，找到：#content img、img.thumbnail 并删除边框：1px solid #DDD;”

然后我根据需要在 header.php 中覆盖样式，就在结束</head>标记的正上方。这有点小技巧，但我喜欢它比在长 CSS 文件的末尾进行编辑更好。我认为这可以保证我的 CSS 指令将是最后加载的，并且我将始终在文件顶部看到我的小修改。

不确定这是否有帮助，但我花了一些时间寻找要编辑的 CSS。我认为这可能是分享该发现以及我如何使用它的好地方。

于 2013-05-02T18:02:02.490 回答
0

由于 css 已全部缩小，因此很难给出行号，但这是你的罪魁祸首；

@media screen and (max-width: 750px) {
   #branding {
     width: 46%
     height: auto;
   }
}

删除宽度和高度属性，它看起来很好。

而且您可能希望在该屏幕尺寸下添加一个媒体查询，以删除填充.col-width

.col-width {
   padding: 0;
 }

编辑：意识到我只回答了你的问题的一半。有问题的css文件是；

http://chalupaholics.com/wp-content/w3tc/min/3b548d20.31cc2f.css

我不知道它是如何生成的，但我想通过一个插件将 css 编译成单个文件以减少页面请求并缩小它。我这么说是因为 css 和 JS 的添加顺序异常高，甚至在元数据之前。在 Windows 上使用 Grep 或Astrogrep搜索您的安装，以在插件对其进行操作之前找到此 CSS 的来源并在那里对其进行修改。

于 2012-10-20T07:12:24.143 回答