【问题标题】:Decrease margins/padding on Wordpress theme减少 Wordpress 主题的边距/填充
【发布时间】:2018-09-25 01:08:35
【问题描述】:

我目前已将 Mystile 主题安装在:http://beautenature.biz

我想从侧面减少白色边距/填充,让绿色背景图像直接出现在页面内容上。

我浏览了 CSS 样式,但似乎找不到要编辑的正确部分。样式表位于:http://beautenature.biz/wp-content/themes/mystile/style.css

我们将不胜感激,谢谢!

【问题讨论】:

    标签: css wordpress


    【解决方案1】:

    我不太喜欢对 body 元素这样做,但这样的事情会起作用:

    body {
       width: 1064px;
       margin: 0 auto !important;
       padding: 0 20px;
    }
    
    #top, .footer-wrap {margin: 0;}
    

    我不得不使用上面的!important 来覆盖您当前的样式。您可以使用浏览器的开发工具轻松查看正在应用的样式(以及它们的位置)。例如,inn Chrome,右键单击一个元素并选择 Inspect Element。将打开一个面板,向您显示 HTML 代码和适用于它的 CSS 样式。

    【讨论】:

    • 谢谢!我将宽度更改为 % 以保持响应并将其放在子主题中以使其保持独立。
    【解决方案2】:

    列出的解决方案对我不起作用,但我找到了一个非常简单的解决方案,它是插件: 视觉样式编辑器也叫 YellowPencil !

    精简版免费版可以轻松自定义所有页面的边距和内边距,您无需购买普通版,就像在 youtube 视频中一样工作 https://www.youtube.com/watch?v=X78cob9eUGA

    希望这对尚未掌握 css 的开发人员有所帮助!

    【讨论】: