【问题标题】:Center column size - resizes in debug, but can't find backend code中心列大小 - 在调试中调整大小,但找不到后端代码
【发布时间】:2013-09-09 13:43:17
【问题描述】:

Stackexchnage.wordpress.com 将我发送到这里是因为他们认为它更适合 SO。

我有一个网站here

在该网站上,您会看到三列。页面宽度正确。页面左侧是正确的,右栏是正确的,但是中间的栏,正如你所看到的,做得不好。

当我在 Chrome 中调试时,我更改了这一行...

<div class="border-wrap right in-full border bottom">

到这里

<div class="border-wrap left in-full border bottom">

...然后中心栏调整大小,网站看起来应该是这样的。我已经尝试了几天来找出它在样式表中的位置,但我无法在任何地方找到它。我也搜索了 header.php 也找不到它。

我在这里需要一些指导。无法解决这个问题非常烦人。

【问题讨论】:

    标签: html css wordpress multiple-columns


    【解决方案1】:

    在你的 CSS 中找到 .side-wrap 类并像这样编辑它:

    .side-wrap {
        width: 205px;
        position: relative;
        padding: 10px 75px 0 0; /*edit this line*/
        padding-top: 10px; /*REMOVE this line*/
        margin: -10px auto 0 auto;
        z-index: 1;
    }
    

    【讨论】:

    • 所做的只是使列居中。我希望它填满列宽,达到 335 像素,这是顶部图像的大小。这有意义吗?
    • 我明白了。中心和右列使用相同的类.side-wrap 来定义它们的宽度。因此,您需要将中心列重命名为例如。 .side-wrap2 并更改其宽度。问题是这是否可能,因为您可能只是为两者使用相同类型的 Wordpress 模块......
    • 不是真的,抱歉。看不到后端代码,现在只是猜谜游戏:)
    • 给我发邮件到 jared@jpcsolutions.com,我会帮你安排的。我很绝望。
    • 在此之前 - 您是否尝试通过搜索我们需要使用的类来本地化模板 - .side-wrap?通常对我有用的最佳方法是在您的代码存储库中进行全文搜索并查看该类的位置。 Sublime Text 将是进行该搜索的绝佳工具。
    猜你喜欢
    • 1970-01-01
    • 2011-08-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多