【问题标题】: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 ......但桌面版本看起来与我现在设想的完全一样!只要在横向模式下查看,移动设备看起来也不错。
    • 您可以添加一些媒体查询来调整移动纵向。
    猜你喜欢
    • 2015-05-17
    • 1970-01-01
    • 1970-01-01
    • 2019-02-21
    • 1970-01-01
    • 1970-01-01
    • 2014-02-25
    • 1970-01-01
    • 2017-06-16
    相关资源
    最近更新 更多