仅在 Blogger post 页面上更改填充

Question

如何更改 Blogger 中 post 正文部分的填充，但只能在 post 页面上，而不是在博客主页上。

这是我更改填充的代码：

 .post-body {
  font-family: 'helvetica neue', 'helvetica', arial, sans-serif;
  color:#0e0e0f;
  font-size:18px;
  line-height:25px;
  font-weight:normal;
  padding:0;
  margin:0;
  text-transform:auto;
  word-wrap:break-word;

  text-align:justify;
}

我正在将 padding:0; 更改为 padding:0 40px 0 40px;

这里的问题是我在我的博客上使用了 grid/gallery 样式模板，当我使用上述方式更改填充时，它改变了 post 在主页，以及。这是屏幕截图：

home page screenshot

我想要的是让我的 post 更窄，因为目前它们太宽了，可能会导致 reader 厌倦阅读并离开我的博客。

Answer 1

您可以使用 data:view.isSingleItem 检查当前页面是单个 post 还是页面。

在</head>

之前使用下面的代码

<b:if cond="data:view.isSingleItem">
    <style>
        .post-body { padding: 0px 40px 0px 40px; }
    </style>
</b:if>

仅在 Blogger post 页面上更改填充

Change paddings only on Blogger post pages

css

blogger

padding

width

posts