我目前在http://beautenature.biz上安装了 Mystile 主题。
我想从侧面减少白色边距/填充,让绿色背景图像直接出现在页面内容上。
我浏览了 CSS 样式,似乎找不到要编辑的正确部分。样式表位于:http: //beautenature.biz/wp-content/themes/mystile/style.css
帮助将不胜感激,谢谢!
我目前在http://beautenature.biz上安装了 Mystile 主题。
我想从侧面减少白色边距/填充,让绿色背景图像直接出现在页面内容上。
我浏览了 CSS 样式,似乎找不到要编辑的正确部分。样式表位于:http: //beautenature.biz/wp-content/themes/mystile/style.css
帮助将不胜感激,谢谢!
我真的不喜欢对body
元素这样做,但这样的事情会起作用:
body {
width: 1064px;
margin: 0 auto !important;
padding: 0 20px;
}
#top, .footer-wrap {margin: 0;}
我不得不使用!important
上面来覆盖你当前的样式。您可以使用浏览器的开发工具轻松查看正在应用的样式(以及它们的位置)。例如,inn Chrome,右键单击一个元素并选择 Inspect Element。将打开一个面板,向您显示 HTML 代码和适用于它的 CSS 样式。
列出的解决方案对我不起作用,但我找到了一个非常简单的解决方案,它是插件:Visual Style Editor 也名为 YellowPencil!
精简版免费版可以轻松自定义所有页面边距和填充,您不需要购买普通版,它就像在 youtube 视频中一样工作https://www.youtube.com/watch?v=X78cob9eUGA
希望这对尚未掌握 css 的开发人员有所帮助!