如何使我的 WordPress 主题全宽？答案

【问题标题】：How Do I Make My Wordpress Theme Full Width?如何使我的 WordPress 主题全宽？
【发布时间】：2016-01-29 13:04:05
【问题描述】：

并提前感谢任何回复的人！我想知道如何让我的 Wordpress 主题“全宽”。

http://www.PaidMFTInternships.com

我希望能够选择扩大宽度，以便我的内容可以覆盖更多页面。我看到有另一个线程问了同样的问题（How do I make a wordpress theme full width?）；但是，对于我的特定主题（选择），恐怕我需要更多的指导。非常感谢您提供的任何支持！

【问题讨论】：

标签： wordpress

【解决方案1】：

你的页面内容在里面

<div class="center">

在你的 CSS 中

.center {
    margin: 0 auto;
    width: 85%;
}

更改或覆盖宽度：85% 到 100%

更新：我现在看到的页面有：

<div class="overflow-container" id="overflow-container">
    ...
    <div class="max-width" id="max-width">
        ...
        <div class="post-content">
            ...
            <div class="fl-module-content fl-node-content">

使用 CSS：

.overflow-container {
    height: auto;
    min-height: 100%;
    overflow: hidden;
    padding: 0 4.167%;
    position: relative;
}

.max-width {
    margin: 0 auto;
    max-width: 1400px;
}

.singular .post-content, .singular .post-meta, .error-404 .post-content, .error-404 .post-meta {
    padding: 0 18.1681%;
}

.singular .post-content, .singular .post-meta, .error-404 .post-content, .error-404 .post-meta {
    padding: 0 13.6261%;
}

.singular .post-header, .singular .post-content, .singular .post-meta, .error-404 .post-header, .error-404 .post-content, .error-404 .post-meta {
    padding: 0 9.08406%;
}

.fl-module-content {
    margin: 20px;
}

您可以通过调整.max-width{max-width}、.post-content{padding} 和.overflow-container{padding} 来完成大部分您想做的事情。也许将 .fl-module-content{margin} 更改为 10px（无论如何移动）

【讨论】：

我在 CSS 中的任何地方都看不到该代码...大约一个小时前我简单地尝试了一个新主题，然后将其改回来，所以您可能没有看到那个主题我一直在使用，需要帮助。你能再看看吗？对不起！
我更新了我的答案以调整我写这篇文章时安装的主题。
不客气。如果这样做了，那么也许你可以接受这个答案。
完成（并且很高兴这样做）！我在 CSS 文件中找不到 .fl-module-content ......但桌面版本看起来与我现在设想的完全一样！只要在横向模式下查看，移动设备看起来也不错。
您可以添加一些媒体查询来调整移动纵向。