如何使我的Wordpress主题全宽?

时间:2016-01-28 23:54:55

标签: wordpress

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

http://www.PaidMFTInternships.com

我希望能够扩展宽度,以便我的内容可以覆盖更多页面。我看到有另一个线程提出同样的问题(How do I make a wordpress theme full width?);但是,我担心我的特定主题(选择)需要更多方向。非常感谢你们所提供的任何支持!

1 个答案:

答案 0 :(得分:0)

您的网页内容在

<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(无论如何都是移动设备)