WordPress网站页面和帖子（左侧和右侧）的填充调整答案

【问题标题】：padding adjustment for pages and posts (left and right sides) of WordPress siteWordPress网站页面和帖子（左侧和右侧）的填充调整
【发布时间】：2019-12-23 11:59:59
【问题描述】：

我有一个关于调整我的 WordPress 网站 (ethicen.com) 的所有页面和帖子的内容区域的左右填充的问题。我想增加我网站每个页面/帖子内容区域左侧和右侧的填充，以便每段文本更窄/更窄，从而更易于阅读。

如果您能提供任何帮助，我们将不胜感激！

谢谢！

【问题讨论】：

提供示例或尝试在wordpress.stackexchange.com提问
@Nikolay ：抱歉没有提供示例。感谢您提供信息。

标签： css wordpress

【解决方案1】：

要全局添加 CSS，您可以从... 仪表板 > 外观 > 编辑 CSS。

在附加CSS中你可以做到。

.content-area{
    padding-left: 50px;
    padding-right: 50px;
}

为了获得最佳的移动视图，您可以添加媒体查询

@media only screen and (max-width: 420px) {

 .content-area{
        padding-left: 10px;
        padding-right: 10px;
    }

}

您可以根据自己的喜好更改填充值和屏幕最大宽度:)

【讨论】：

【解决方案2】：

在内容区域使用这个 css。为了防止在较小的屏幕（如智能手机）上显示更高的填充，它仅添加到标准 Bootstrap 断点（在您的网站中使用），最小宽度为 992 像素。

@media (min-width: 992px) {
  .content-area {
    padding-left: 45px;   /* or another value */
    padding-right: 45px;  /* or another value */
  }
}

您网站中的 Bootstrap 将完成剩下的工作。

【讨论】：