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

Question

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

我们将不胜感激！

谢谢！

Answer 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;
    }

}

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

Answer 2

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

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

您网站上的引导程序将完成其余工作。